桌面时钟代码

HTMLHEADTITLE动态数字时钟/TITLESCRIPTlanguage=javascriptfunctiondigitalClock(){vartoday=newDate();digit_clock.innerText=today.toLocaleString();setTimeout(digitalClock(),1000);}/SCRIPTLINKrel=stylesheettype=text/csshref=js.css/HEADBODYH1align=centerid=digit_clock/H1SCRIPTlanguage=javascriptdigitalClock();/SCRIPTSCRIPTLANGUAGE=JavaScriptvarS='......';S=S.split('');//构成秒针的圆点varM='*****';M=M.split('');//构成分针的圆点varH='****';H=H.split('');//构成时针的圆点varYbase=8;//构成秒、分和时针的圆点之间的间隔距离(Y轴)varXbase=8;//构成秒、分和时针的圆点之间的间隔距离(X轴)vardots=12;//钟盘上的小时刻度数,通常为12,即1,2,3,...,12for(vari=0;idots;i++){//将小时刻度值(即1,2,3,...,12)分别放入各自的DIV块中,且其id属性相同,即dot_Digitsdocument.write('DIVid=dot_Digitsstyle=position:absolute;width:30px;height:30px;font-size:10px;color:black;text-align:center;padding-top:10px'+(i+1)+'/DIV');}for(i=0;iS.length;i++){//将构成秒针的圆点分别放入各自的DIV块中,且其id属性相同,即s_dotsdocument.write('DIVid=s_dotsstyle=position:absolute;width:2px;height:2px;font-size:2px;background:red/DIV');}for(i=0;iM.length;i++){//将构成分针的圆点分别放入各自的DIV块中,且其id属性相同,即m_dotsdocument.write('DIVid=m_dotsstyle=position:absolute;width:3px;height:3px;font-size:3px;background:blue/DIV');}for(i=0;iH.length;i++){//将构成时针的圆点分别放入各自的DIV块中,且其id属性相同,即h_dotsdocument.write('DIVid=h_dotsstyle=position:absolute;width:4px;height:4px;font-size:4px;background:black/DIV');}functionclock(){//显示指针式时钟vartime=newDate();varsecs=time.getSeconds();varmins=time.getMinutes();varhrs=time.getHours();varYpos=document.body.scrollTop+80;//把时钟中心设置为距可视区顶边80pixelvarXpos=document.body.scrollLeft+100;//把时钟中心设置为距可视区左边界100pixel//varpi=Math.PI;for(vari=0;idots;++i){//根据新的时钟中心和各个小时刻度值的角度值,设置其新坐标dot_Digits[i].style.top=Ypos-15+44*Math.sin(-Math.PI/2+2*Math.PI*(i+1)/12);dot_Digits[i].style.left=Xpos-15+44*Math.cos(-Math.PI/2+2*Math.PI*(i+1)/12);}varsec=-Math.PI/2+2*Math.PI*secs/60;//秒针角度for(i=0;iS.length;i++){//根据新的时钟中心和秒针角度,设置秒针上各个圆点的坐标值s_dots[i].style.top=Ypos+i*Ybase*Math.sin(sec);s_dots[i].style.left=Xpos+i*Xbase*Math.cos(sec);}varmin=-Math.PI/2+2*Math.PI*mins/60;//分针角度for(i=0;iM.length;i++){//根据新的时钟中心和分针角度,设置分针上各个圆点的坐标值m_dots[i].style.top=Ypos+i*Ybase*Math.sin(min);m_dots[i].style.left=Xpos+i*Xbase*Math.cos(min);}varhr=-Math.PI/2+2*Math.PI*(hrs+mins/60)/12;//时针角度for(i=0;iH.length;i++){//根据新的时钟中心和时针角度,设置时针上各个圆点的坐标值h_dots[i].style.top=Ypos+i*Ybase*Math.sin(hr);h_dots[i].style.left=Xpos+i*Xbase*Math.cos(hr);}setTimeout('clock()',1000);//定时}clock();/SCRIPT/BODY/HTML