<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" language="javascript">
var ClockClass = {
//初始化表盘
ClockInit: function() {
var numberArray = [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
//存取时刻表的暂存的容器，便于一次性加入
var numberTemp = document.createDocumentFragment();
//将length读取出来，这样避免每次去计算长度
var numberLength = numberArray.length
for (var i = 0; i < numberLength; i++) {
//求每个时刻div的X
var x = 100 + 100 * Math.sin(i * 30 * (2 * Math.PI / 360));
//求每个时刻div的Y
var y = 100 - 100 * Math.cos(i * 30 * (2 * Math.PI / 360));
//创建DIV
var divPoint = document.createElement("div");
divPoint.style.left = x;
divPoint.style.width = "20px";
divPoint.style.height = "20px";
divPoint.style.top = y;
divPoint.style.color = "#00A8EC";
divPoint.style.textAlign = "center";
divPoint.style.position = "absolute";
divPoint.innerHTML = numberArray[i];
numberTemp.appendChild(divPoint);
}
document.getElementById("divClock").appendChild(numberTemp);
},
//初始化指针
PInit: function(angle, distance, color, divPoint) {
//求每个时刻div的X
var x = 100 + distance * Math.sin(angle * (2 * Math.PI / 360));
//求每个时刻div的Y
var y = 100 - distance * Math.cos(angle * (2 * Math.PI / 360));
var s = -1;
if (divPoint == null) {
var divPoint = document.createElement("div");
s = 1;
}
divPoint.style.left = x;
divPoint.style.top = y;
divPoint.style.width = "5px";
divPoint.style.height = "5px";
divPoint.style.textAlign = "center";
divPoint.style.position = "absolute";
divPoint.style.backgroundColor = color;
if (s == 1) {
return divPoint;
}
},
分享到：
相关推荐
"clock_less_时钟less_Clock_1Hz_数字时钟_clock1Hz_"这个标题提到的是一个特殊的时钟系统，它是针对1Hz频率设计的数字时钟。1Hz的时钟意味着该时钟每秒钟产生一个脉冲，这种低频率的时钟常用于需要精确计时但不需要...
最新单片机仿真 clock最新单片机仿真 clock最新单片机仿真 clock最新单片机仿真 clock最新单片机仿真 clock最新单片机仿真 clock最新单片机仿真 clock最新单片机仿真 clock最新单片机仿真 clock最新单片机仿真 clock...
### create_generated_clock 应用详解 #### 一、概述 `create_generated_clock` 命令是静态时序分析（STA）中一个重要的概念，它主要用于定义时钟信号之间的相位（边沿）关系，特别是在复杂的时钟网络中。通过这个...
简单的clock页面置换算法 采用CLOCK置换算法仿真请求分页系统 1、设计目的：用高级语言编写和调试一个内存分配程序，加深对内存分配算法的理解。 2、设计要求： 1) 实现请求分页存储管理方式的页面置换算法：...
Clock页面置换算法是一种简单而有效的策略，尤其适用于操作系统课程的学习与考试中。本文将详细介绍Clock算法的原理、流程，并通过实例分析加深理解。 Clock算法的基本思想是维护一个类似于时钟的手指，遍历内存中...
### I2C通讯之 Clock Stretch 知识点详解 #### 一、I2C通讯简介 I2C（Inter-Integrated Circuit）是一种两线式串行总线接口标准，广泛应用于电子设备中进行短距离数据交换。I2C总线通过两条双向信号线——时钟线...
《全球时间管理利器：Sharp World Clock v4.84及其Keygen详解》 在信息化高度发达的今天，人们的工作和生活越来越国际化，跨时区的沟通与协作变得日益频繁。在这种背景下，拥有一个准确、全面的世界时钟工具显得尤...
DS1306 Serial Alarm Real Time Clock (RTC)，时钟芯片的说明文档资料 Real time clock counts seconds, minutes, hours, date of the month, month, day of the week, and year with leap year compensation valid ...
"Clock 改进 Clock 置换算法实现" 在操作系统中，页面置换算法是一种重要的技术， Clock 置换算法是一种常用的页替换算法。该算法的原理是：当某页被访问时，将其访问位设置为 1，否则设置为 0。在选择一页淘汰时，...
Clock页面置换算法，又称为时钟页面替换算法，是其中一种简单而有效的策略。 Clock页面置换算法的主要目标是选择一个合适的页面进行淘汰，以便为新的页面或已修改的页面腾出空间。该算法基于一个假设：最近被访问过...
Xilinx的Vivado工具提供了一系列的IP核，其中包括clock_wiz，它是一款灵活的时钟管理模块，用于生成、分配和管理时钟。本文将深入探讨"IP CLOCK_WIZ动态重配置代码"，并结合提供的仿真文件`clk_div_config_tb.v`和`...
《Clock_Integer 指令库应用详解》 在嵌入式系统开发中，精确的时钟管理是至关重要的。Clock_Integer 指令库提供了一种高效、灵活的方式来处理与时间相关的任务，尤其是在实时操作系统（RTOS）或者微控制器（MCU）...
自动插入Clock gating来减小面积和功耗 Clock gating 是一种常用的技术，用于降低数字电路的功耗。它的工作原理是，在某些工作模式下，把一部分模块的时钟停掉，以减少功耗。 Clock gating 可以 manual 或 ...
在这个“node.js-clock时钟web服务器案例”中，我们将深入探讨如何使用Node.js创建一个简单的实时显示当前时间的Web服务器，以及如何自定义URL路径来扩展功能。 首先，让我们了解Node.js的基础。Node.js是一个开放...
在Android操作系统中，`SystemClock` 是一个非常重要的类，它提供了一系列静态方法来获取或设置与系统时间相关的各种计时器。这个类主要用于应用程序，尤其是那些需要精确时间控制或者性能测量的场景。在给定的`...
"Word Clock for Win"是一款专为Windows操作系统设计的创意时钟屏幕保护程序。这款软件将传统的数字时钟与个性化的文字展示相结合，为用户带来独特的视觉体验。在屏幕上，Word Clock不再以传统的数字形式显示时间，...
Clock算法，也称为Clock页面替换算法，是一种简单的可变位图算法。每个页面都有一个关联的位，表示该页面是否被修改过。算法维护一个指针遍历这个位图。当需要替换页面时，指针会遍历位图，遇到未被修改的页面就...
《99种Flash Clock：创意与技术的完美融合》 Flash Clock，作为互联网早期流行的动态设计元素，曾经风靡一时，被广泛应用于网站、广告、互动媒体等领域。它以其独特的视觉效果和动态表现力，为网页增添了生动活泼的...
《Missde0clock：Windows 7桌面万年历的魅力解析》 在数字化时代，日程管理与时间规划已经成为日常生活中不可或缺的一部分。对于Windows 7用户来说，一款实用且美观的桌面万年历无疑能极大地提升工作效率。今天我们...
《XP系统下的clock.avi文件详解》 在信息技术领域，操作系统是电脑硬件与用户之间的重要桥梁，Windows XP作为一款经典的操作系统，曾广泛应用于个人电脑。本文将深入探讨在Windows XP环境下，一个名为“clock.avi”...