<!DOCTYPE HTML>
无标题文档
#hour { background:url(Img/hour.png) no-repeat; position:absolute; left:29%; top:36%; width:76px; height:46px; z-index:10; transform-origin:85% 85%; -o-transform-origin:85% 85%; -moz-transform-origin:85% 85%; -webkit-transform-origin:85% 85%; -ms-transform-origin:85% 85%; transform:rotate(59deg); -ms-transform:rotate(59deg); /* IE 9 */ -moz-transform:rotate(59deg); /* Firefox */ -webkit-transform:rotate(59deg); -o-transform:rotate(59deg); /* Opera */ } #minute { background:url(Img/minute.png) no-repeat; position:absolute; z-index:20; width:77px; height:50px; right:73px; top:100px; transform-origin:left bottom; -ms-transform-origin:left bottom; -moz-transform-origin:left bottom; -webkit-transform-origin:left bottom; -o-transform-origin:left bottom; transform:rotate(-57deg); -ms-transform:rotate(-57deg); /* IE 9 */ -moz-transform:rotate(-57deg); /* Firefox */ -webkit-transform:rotate(-57deg); -o-transform:rotate(-57deg); /* Opera */ } #second{ width:1px; height:90px; position:absolute; z-index:30; left:50%; top:23%; background:#F33; transform-origin:50% 97%; -ms-transform-origin:50% 97%; -moz-transform-origin:50% 97%; -webkit-transform-origin:50% 97%; -o-transform-origin:50% 97%; } window.onload=function(){ var hour=document.getElementById("hour"), minute=document.getElementById("minute"), second=document.getElementById("second"), tt=document.getElementById("tt"); setInterval(function(){ var n=new Date(); var h=n.getHours(); var m=n.getMinutes(); var s=n.getSeconds(); m=toString(m); s=toString(s); tt.innerHTML="北京时间："+h+"时"+m+"分"+s+"秒"; //tt.innerHTML=toString(n.getFullYear())+"年"+ toString(n.getMonth()+1)+"月"+toString(n.getDate())+"日"+" "+new Date().toTimeString(); console.log(toString(n.getFullYear())); var deg_m=parseInt((m+s/60)*360/60-60), deg_h=parseInt((h%12+m/60)*(360/12)+59), deg_s=parseInt(s*6); second.style.transform="rotate("+deg_s+"deg)"; minute.style.transform="rotate("+deg_m+"deg)"; //minute.style.transform="rotate("+m*6-58+"deg)"; hour.style.transform="rotate("+deg_h+"deg)"; },1000); function toString(i){ if(i<10){ i="0"+i } return i; console.log(i); }; };
0时 0分 0 秒
