<script>
window.onload=
function(){
varhour
=document.getElementById("hour");
varminute
=document.getElementById("minute");
varsecond
=document.getElementById("second");
vars
=0,m
=0,h
=0,ms
=0;
setInterval(fn,100);
functionfn(){
//获得时,分,秒;
vardate
=new
Date();
ms=
date.getMilliseconds();
// 得到现在的毫秒;
s=
date.getSeconds()+
ms/
1000; //现在的秒数+ms/1000是过去的秒数=10.3秒;
// console.log(s);
m=
date.getMinutes()+
s/
60; //现在的分钟+秒数的小数=45.3分;
// console.log(m);
h=
date.getHours()%
12+
m/
60; //现在的小时(24小时制)%
12 得到12小时制+分钟的小数=1.2小时;
// console.log(h);
// 旋转效果;
// weblitTransform谷歌浏览器变化;mozlitTransform火狐浏览器变化;rotate旋转;deg度;
second.style.webkitTransform=
"rotate("+s*6+"deg)";
minute.style.webkitTransform=
"rotate("+m*6+"deg)";
hour.style.webkitTransform=
"rotate("+h*30+"deg)";
}
}
</script>