clock2

//初始化指针
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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值