如何用JavaScript制作的特色时钟呢?
html xmlns=http://www。w3。org/1999/xhtml head title无标题页-学无忧(www。xue51。com)/titleSCRIPT language=javascriptpX=400;pY=200;obs = new Array(13);function ob () { for (i=0; i13; i++) { if (document。 all) obs[i]=new Array (eval('ob'+i)。style,-100,-100) else obs[i] = new Array (eval('document。ob'+i),-100,...全部
html xmlns=http://www。w3。org/1999/xhtml head title无标题页-学无忧(www。xue51。com)/titleSCRIPT language=javascriptpX=400;pY=200;obs = new Array(13);function ob () { for (i=0; i13; i++) { if (document。
all) obs[i]=new Array (eval('ob'+i)。style,-100,-100) else obs[i] = new Array (eval('document。ob'+i),-100,-100)}}//设置时钟中各时间点的位置function cl(a,b,c){ //判断浏览器格式if (document。
all) { //IE格式if (a!=0) b+=-1eval('c'+a+'。style。pixelTop='+(pY+(c))) //y坐标eval('c'+a+'。style。pixelLeft='+(pX+(b))) //x坐标}else{ //其他浏览器格式if (a!=0) b+=10eval('document。
c'+a+'。top='+(pY+(c)))eval('document。c'+a+'。left='+(pX+(b)))}if (document。all) c0。style。pixelLeft=26}//设置时针、分针、秒针的显示位置function runClock() {for (i=0; i13; i++) {obs[i][0]。
left=obs[i][1]+pXobs[i][0]。top=obs[i][2]+pY}}//设置时、分、秒的显示效果var lastsec;function timer() {time = new Date ()sec = time。
getSeconds() //获取当前时间的秒分if (sec!=lastsec) {lastsec = secsec=Math。PI*sec/30 //秒min=Math。PI*time。getMinutes()/30 //分hr =Math。
PI*((time。getHours()*60)+time。getMinutes())/360 //时for (i=1;i6;i++) {obs[i][1] = Math。sin(sec) * (44 - (i-1)*11)-16;if (document。
layers)obs[i][1]+=10;obs[i][2] = -Math。cos(sec) * (44 - (i-1)*11)-27;}for (i=6;i10;i++) {obs[i][1] = Math。
sin(min) * (40 - (i-6)*10)-16;if (document。layers)obs[i][1]+=10;obs[i][2] = -Math。cos(min) * (40 - (i-6)*10)-27;}for (i=10;i13;i++) {obs[i][1] = Math。
sin(hr) * (37 - (i-10)*11)-16;if (document。layers)obs[i][1]+=10;obs[i][2] = -Math。cos(hr) * (37 - (i-10)*11)-27;}}}//设置钟点function setNum(){ cl (0,-67,-65); cl (1,10,-51); cl (2,28,-33); cl (3,35,-8); cl (4,28,17); cl (5,10,35); cl (6,-15,42); cl (7,-40,35); cl (8,-58,17); cl (9,-65,-8); cl (10,-58,-33); cl (11,-40,-51); cl (12,-16,-56);}/SCRIPT/headbody bgcolor=#ffffff onLoad=ob(),setNum(),setInterval('timer()',100);setInterval('runClock()',100)右下角是显示的时钟效果div id=c0 style=position:absolute;right:6;top:6; z-index:2; /div div id=c1 style=position:absolute;left:20;top:-20; z-index:5;font-size:11px;b1/b/div div id=c2 style=position:absolute;left:20;top:-20; z-index:5;font-size:11px;b2/b/div div id=c3 style=position:absolute;left:20;top:-20; z-index:5;font-size:11px;b3/b/div div id=c4 style=position:absolute;left:20;top:-20; z-index:5;font-size:11px;b4/b/div div id=c5 style=position:absolute;left:20;top:-20; z-index:5;font-size:11px;b5/b/div div id=c6 style=position:absolute;left:20;top:-20; z-index:5;font-size:11px;b6/b/div div id=c7 style=position:absolute;left:20;top:-20; z-index:5;font-size:11px;b7/b/div div id=c8 style=position:absolute;left:20;top:-20; z-index:5;font-size:11px;b8/b/div div id=c9 style=position:absolute;left:20;top:-20; z-index:5;font-size:11px;b9/b/div div id=c10 style=position:absolute;left:20;top:-20; z-index:5;font-size:11px;b10/b/div div id=c11 style=position:absolute;left:20;top:-20; z-index:5;font-size:11px;b11/b/div div id=c12 style=position:absolute;left:20;top:-20; z-index:5;font-size:11px;b12/b/div div id=ob0 style=position:absolute;left:-20;top:-20;z-index:1 /div div id=ob1 style=position:absolute;left:-20;top:-20;z-index:8 font size=+3 color=#0000FFb。
/b/font/div div id=ob2 style=position:absolute;left:-20;top:-20;z-index:8 font size=+3 color=#0000FFb。
/b/font/div div id=ob3 style=position:absolute;left:-20;top:-20;z-index:8 font size=+3 color=#0000FFb。
/b/font/div div id=ob4 style=position:absolute;left:-20;top:-20;z-index:8 font size=+3 color=#0000FFb。
/b/font/div div id=ob5 style=position:absolute;left:-20;top:-20;z-index:8 font size=+3 color=#0000FFb。
/b/font/div div id=ob6 style=position:absolute;left:-20;top:-20;z-index:7 font size=+3 color=#00FFFFb。
/b/font/div div id=ob7 style=position:absolute;left:-20;top:-20;z-index:7 font size=+3 color=#00FFFFb。
/b/font/div div id=ob8 style=position:absolute;left:-20;top:-20;z-index:7 font size=+3 color=#00FFFFb。
/b/font/div div id=ob9 style=position:absolute;left:-20;top:-20;z-index:7 font size=+3 color=#00FFFFb。
/b/font/div div id=ob10 style=position:absolute;left:-20;top:-20;z-index:6 font size=+3 color=#F30000b。
/b/font/div div id=ob11 style=position:absolute;left:-20;top:-20;z-index:6 font size=+3 color=#F30000b。
/b/font/div div id=ob12 style=position:absolute;left:-20;top:-20;z-index:6 font size=+3 color=#F30000b。
/b/font/div/body/html。收起