桌面时钟代码
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
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 Xbase = 8; //构成秒、分和时针的圆点之间的间隔距离(X轴)
var dots = 12; //钟盘上的小时刻度数,通常为12,即1,2,3,...,12
for (var i = 0; i < dots; i++)
{//将小时刻度值(即1,2,3,...,12)分别放入各自的
document.write('
}
for (i = 0; i < S.length; i++)
{//将构成秒针的圆点分别放入各自的
}
for (i = 0; i < M.length; i++)
{//将构成分针的圆点分别放入各自的
}
for (i = 0; i < H.length; i++)
{//将构成时针的圆点分别放入各自的
}
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();