JS简简简易时钟

简易时钟： 1、搭建html/css部分 插入时钟背景，使用子绝父相。把时针和分针、秒针的样式放在时钟的中心位置 2、JS逻辑部分 （1）获取时针、分针、秒针

var hour=document.getElementById("hour"); var min=document.getElementById("min"); var sec=document.getElementById("second");

（2）加上定时器，定时器间隔可以根据时钟的间隔来确定。下面几点的内容都在此函数中编写

setInterval((function () { }),10);

（3）获取当前时间，使用Date对象。还考虑到分针不在整数时，会与整数有偏差，所以加上秒数、以及后面的分针。 由于时钟上只有1-12.但是时间有1-24.所以在获取当前小时值时，便于在进入下午一点后时钟的循环

var mills=date.getMilliseconds();/*当前的时间转毫秒*/ var s=date.getSeconds()+mills/1000;/*拿到秒*/ var m=date.getMinutes()+s/60;/*拿到现在的分针*/ var h=date.getHours()%12+m/60;/*拿到现在的时*/

（4）设置对应时间点，时针分针秒针的指向。根据换算，可以得出旋转的角度，可有以下代码：

hour.style.transform='rotate('+h*30+'deg)'; min.style.transform='rotate('+m*6+'deg)'; sec.style.transform='rotate('+s*6+'deg)';