//初始化指针
PointerInit: function() {
// 读取当前时间
var date = new Date();
//时
var hour = date.getHours();
//分
var min = date.getMinutes();
//秒
var seconds = date.getSeconds();
//计算时针角度
var hAngle = (hour - 12) * 30 + (0.5 * min);
hTemp = document.createDocumentFragment();
for (var i = 0; i < 20; i++) {
var hdiv = ClockClass.PInit(hAngle, 2 * i, "red");
hdiv.id = "h" + i;
hTemp.appendChild(hdiv);
}
//计算分针角度
mTemp = document.createDocumentFragment();
var mAngle = min / 60 * 360;
for (var m = 0; m < 30; m++) {
var mdiv = ClockClass.PInit(mAngle, 2 * m, "Green");
mdiv.id = "m" + m;
mTemp.appendChild(mdiv);
}
//计算秒钟
sTemp = document.createDocumentFragment();
var sAngle = seconds / 60 * 360;
for (var s = 0; s < 36; s++) {
var sdiv = ClockClass.PInit(sAngle, 2 * s, "Navy");
sdiv.id = "s" + s;
sTemp.appendChild(sdiv);
}
document.getElementById("divClock").appendChild(hTemp);
document.getElementById("divClock").appendChild(mTemp);
document.getElementById("divClock").appendChild(sTemp);
},
PointRun: function() {
// 读取当前时间
var date = new Date();
//时
var hour = date.getHours();
//分
var min = date.getMinutes();
//秒
var seconds = date.getSeconds();
//计算时针角度
var hAngle = (hour - 12) * 30 + (0.5 * min);
for (var i = 0; i < 20; i++) {
ClockClass.PInit(hAngle, 2 * i, "red", eval("h" + i));
}
//计算分针角度
var mAngle = min / 60 * 360;
for (var m = 0; m < 30; m++) {
ClockClass.PInit(mAngle, 2 * m, "Green", eval("m" + m));
}
//计算秒钟
sAngle = seconds / 60 * 360;
for (var s = 0; s < 36; s++) {
ClockClass.PInit(sAngle, 2 * s, "Navy", eval("s" + s));
}
},
//运行时钟入口
ClockRun: function() {
//初始化时钟
ClockClass.ClockInit();
//初始化指针
ClockClass.PointerInit();
setInterval(ClockClass.PointRun, 1000);
}
}
window.onload = ClockClass.ClockRun;
</script>
</head>
<body>
<div id="divClock" style="width: 220px; height: 220px; border: solid 5px #0958E6;
position: absolute; left: 300px; top: 50px;">
</div>
</body>
</html>
分享到：
相关推荐
clock2.c
《E04-SECS-I_SECS_clock2cj：深入理解SECS-I与SECS时钟同步机制》 在半导体设备自动化控制领域，SECS（ Semiconductor Equipment Communication Standard，半导体设备通信标准）扮演着至关重要的角色。这个标准...
【标题】"E04-SECS-I_SECS_clock2cj_源码.zip" 提供的是与SECS-I（ Semiconductor Equipment Communication Standard Interface 第一部分）和SECS-II（SECS Message Exchange Standard 第二部分）相关的软件源码。...
【实用案例19】LED Digit Clock v2
scratch3.0实现了一个数字钟表 scratch3.0实现了一个数字钟表 scratch3.0实现了一个数字钟表
### I2C通讯之 Clock Stretch 知识点详解 #### 一、I2C通讯简介 I2C（Inter-Integrated Circuit）是一种两线式串行总线接口标准，广泛应用于电子设备中进行短距离数据交换。I2C总线通过两条双向信号线——时钟线...
import Clock from './components/Clock.vue'; export default { components: { Clock } }; ``` 现在，每过一秒钟，时钟就会更新一次时间，同时根据时间变化更改其样式。你可以根据需求进一步扩展此应用，例如...
最新单片机仿真 clock最新单片机仿真 clock最新单片机仿真 clock最新单片机仿真 clock最新单片机仿真 clock最新单片机仿真 clock最新单片机仿真 clock最新单片机仿真 clock最新单片机仿真 clock最新单片机仿真 clock...
"clock_less_时钟less_Clock_1Hz_数字时钟_clock1Hz_"这个标题提到的是一个特殊的时钟系统，它是针对1Hz频率设计的数字时钟。1Hz的时钟意味着该时钟每秒钟产生一个脉冲，这种低频率的时钟常用于需要精确计时但不需要...
这里`-edges`选项指定了generated clock相对于source clock的有效边沿，例如`{2 4 6}`表示在source clock的每个周期的第2、第4和第6个时钟周期时有效。 #### 四、注意事项 1. **相位关系一致性**：在定义generated...
"Clock 改进 Clock 置换算法实现" 在操作系统中，页面置换算法是一种重要的技术， Clock 置换算法是一种常用的页替换算法。该算法的原理是：当某页被访问时，将其访问位设置为 1，否则设置为 0。在选择一页淘汰时，...
简单的clock页面置换算法 采用CLOCK置换算法仿真请求分页系统 1、设计目的：用高级语言编写和调试一个内存分配程序，加深对内存分配算法的理解。 2、设计要求： 1) 实现请求分页存储管理方式的页面置换算法：...
- `test_T2.plg`、`clock2.plg`、`test_T2`、`clock1.PWI`：这些可能是程序的插件文件或者测试程序，用于扩展功能或进行功能验证。 - `test_T2.lnp`：可能是一个链接脚本，指导编译器如何链接对象文件以生成可执行...
link href =" node_modules/@pencilpix/vue2-clock-picker/dist/vue2-clock-picker.min.css "/> < script src =" node_modules/vuejs/dist/vue.min.js " > </ script > <!-- plugin will ...
Clock页面置换算法是一种简单而有效的策略，尤其适用于操作系统课程的学习与考试中。本文将详细介绍Clock算法的原理、流程，并通过实例分析加深理解。 Clock算法的基本思想是维护一个类似于时钟的手指，遍历内存中...
clock clock clock clock clock
这是计划召回 tClock2 ( http://shii.org/tclock/ )。 它不仅调整系统托盘时钟，而且提供了一些噱头，在一些现代操作系统中被视为“新的”。 这个项目是作为感兴趣的人开始的一种基地