资源描述
(完整word版)桌面时钟代码
<HTML〉
<HEAD〉
〈TITLE〉动态数字时钟</TITLE〉
〈SCRIPT language=”javascript">
function digitalClock（）｛
var today = new Date（）;
digit_clock.innerText = today.toLocaleString()；
setTimeout（ ”digitalClock（)", 1000 ）;
｝
〈/SCRIPT〉
〈LINK rel="stylesheet” type=”text/css" href="js。css"〉
〈/HEAD>
<BODY>
〈H1 align="center" id=”digit_clock">〈/H1>
〈SCRIPT language=”javascript"〉
digitalClock(）；
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript”>
var S = '。..。。.'； S = S.split（''）；//构成秒针的圆点
var M = '＊＊＊**'; M = M.split('');//构成分针的圆点
var H = '＊*＊*’； H = H.split('’）；//构成时针的圆点
var Ybase = 8; //构成秒、分和时针的圆点之间的间隔距离(Y轴）
var Xbase = 8; //构成秒、分和时针的圆点之间的间隔距离（X轴）
var dots = 12； //钟盘上的小时刻度数，通常为12,即1，2，3，.。。，12
for (var i = 0; i 〈 dots； i++)
｛//将小时刻度值（即1,2,3，。。。，12)分别放入各自的<DIV〉块中,且其id属性相同,即dot_Digits
document。write('〈DIV id="dot_Digits" style="position：absolute;width:30px；height:30px;font—size:10px;color：black；text-align:center;padding-top：10px">'+（i+1)+'</DIV〉’）;
｝
for （i = 0; i < S。length; i++)
｛//将构成秒针的圆点分别放入各自的〈DIV>块中,且其id属性相同，即s_dots
document.write('<DIV id=s_dots style="position:absolute；width:2px;height：2px;font-size：2px;background:red”〉〈/DIV>'）;
}
for （i = 0； i 〈 M。length; i++）
｛//将构成分针的圆点分别放入各自的<DIV〉块中，且其id属性相同，即m_dots
document。write(’〈DIV id=m_dots style="position：absolute;width:3px;height:3px;font-size：3px；background：blue"></DIV>’）；
｝
for （i = 0； i 〈 H。length； i++)
｛//将构成时针的圆点分别放入各自的〈DIV〉块中，且其id属性相同,即h_dots
document.write（’<DIV id=h_dots style="position:absolute；width:4px;height:4px;font-size：4px；background:black”〉</DIV>’)；
｝
function clock()
{//显示指针式时钟
var time = new Date (）；
var secs = time。getSeconds(）;
var mins = time.getMinutes（）;
var hrs = time.getHours（);
var Ypos = document。body.scrollTop +80； //把时钟中心设置为距可视区顶边 80 pixel
var Xpos = document.body。scrollLeft +100;//把时钟中心设置为距可视区左边界 100 pixel
//var pi=Math。PI;
for (var i=0； i < dots; ++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);
｝
var sec = —Math。PI/2 + 2*Math。PI ＊ secs/60; //秒针角度
for (i=0; i < S。length; i++）
{//根据新的时钟中心和秒针角度，设置秒针上各个圆点的坐标值
s_dots[i]。style.top = Ypos + i ＊ Ybase * Math.sin(sec);
s_dots[i］。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++)
｛//根据新的时钟中心和分针角度,设置分针上各个圆点的坐标值
m_dots[i］.style.top = Ypos + i * Ybase * Math。sin（min）;
m_dots[i］。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_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>
展开阅读全文
浙ICP备2021020529号-1 | 浙B2-20240490 
