桌面时钟代码(共3页).doc

《桌面时钟代码(共3页).doc》由会员分享，可在线阅读，更多相关《桌面时钟代码(共3页).doc（3页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、精选优质文档-倾情为你奉上动态数字时钟function digitalClock()var today = new Date();digit_clock.innerText = today.toLocaleString();setTimeout( digitalClock(), 1000 );digitalClock();var S = .;S = S.split();/构成秒针的圆点var M = *;M = M.split();/构成分针的圆点var H = *;H = H.split();/构成时针的圆点var Ybase = 8;/构成秒、分和时针的圆点之间的间隔距离(Y轴)var X

2、base = 8; /构成秒、分和时针的圆点之间的间隔距离(X轴)var dots = 12;/钟盘上的小时刻度数,通常为12,即1,2,3,.,12for (var i = 0; i dots; i+)/将小时刻度值(即1,2,3,.,12)分别放入各自的块中,且其id属性相同,即dot_Digitsdocument.write(+(i+1)+);for (i = 0; i S.length; i+)/将构成秒针的圆点分别放入各自的块中,且其id属性相同,即s_dotsdocument.write();for (i = 0; i M.length; i+)/将构成分针的圆点分别放入各自的块中

3、,且其id属性相同,即m_dotsdocument.write();for (i = 0; i H.length; i+)/将构成时针的圆点分别放入各自的块中,且其id属性相同,即h_dotsdocument.write();function clock()/显示指针式时钟var time = new Date ();var secs = time.getSeconds();var mins = time.getMinutes();var hrs = time.getHours();var Ypos = document.body.scrollTop +80; /把时钟中心设置为距可视区顶边

4、80 pixelvar Xpos = document.body.scrollLeft +100;/把时钟中心设置为距可视区左边界 100 pixel/var pi=Math.PI;for (var i=0; i dots; +i)/根据新的时钟中心和各个小时刻度值的角度值,设置其新坐标dot_Digitsi.style.top = Ypos -15 + 44 * Math.sin(-Math.PI/2+2*Math.PI*(i+1)/12);dot_Digitsi.style.left = Xpos -15 + 44 * Math.cos(-Math.PI/2+2*Math.PI*(i+1)

5、/12);var sec = -Math.PI/2 + 2*Math.PI * secs/60; /秒针角度for (i=0; i S.length; i+)/根据新的时钟中心和秒针角度,设置秒针上各个圆点的坐标值s_dotsi.style.top = Ypos + i * Ybase * Math.sin(sec);s_dotsi.style.left = Xpos + i * Xbase * Math.cos(sec);var min = -Math.PI/2 + 2*Math.PI * mins/60; /分针角度for (i=0; i M.length; i+)/根据新的时钟中心和分针

6、角度,设置分针上各个圆点的坐标值m_dotsi.style.top = Ypos + i * Ybase * Math.sin(min);m_dotsi.style.left = Xpos + i * Xbase * Math.cos(min);var hr = -Math.PI/2 + 2*Math.PI * (hrs+mins/60)/12; /时针角度for (i=0; i H.length; i+)/根据新的时钟中心和时针角度,设置时针上各个圆点的坐标值h_dotsi.style.top = Ypos + i * Ybase*Math.sin(hr);h_dotsi.style.left = Xpos + i * Xbase*Math.cos(hr);setTimeout(clock(), 1000);/定时clock();专心-专注-专业