//初始化指针
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>
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>