提示:您可以先修改部分代碼再運行
<html><head><title>純JavaScript時鐘</title><style type="text/css">BODY {FONT-FAMILY: "宋體"; FONT-SIZE: 9pt; MARGIN-LEFT: 4px; MARGIN-RIGHT: 0px; MARGIN-TOP: 0px}A {COLOR: black; FONT-SIZE: 13px; FONT-WEIGHT: 400; TEXT-DECORATION: none}A:hover {COLOR: red; FONT-SIZE: 13px; FONT-WEIGHT: 400; TEXT-DECORATION: underline}A:active {COLOR: #ff0033; CURSOR: hand; FONT: 9pt "宋體"}</style><meta content="text/html; charset=gb2312" http-equiv="Content-Type"><script language="javascript"><!--pX=140;pY=160obs = new Array(13)function ob () {for (i=0; i<13; 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) {if (a!=0) b+=-1eval('c'+a+'.style.pixelTop='+(pY+(c)))eval('c'+a+'.style.pixelLeft='+(pX+(b)))}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; i<13; i++) {obs[i][0].left=obs[i][1]+pXobs[i][0].top=obs[i][2]+pY}}var lastsecfunction timer() {time = new Date ()sec = time.getSeconds()if (sec!=lastsec) {lastsec = secsec=Math.PI*sec/30min=Math.PI*time.getMinutes()/30hr =Math.PI*((time.getHours()*60)+time.getMinutes())/360for (i=1;i<6;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;i<10;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;i<13;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></head><bodyonload="ob(),setNum(),setInterval('timer()',100);setInterval('runClock()',100)"><div id="c0" ></div><divid="c1" ><b><p>1</b></p></div><div id="c2" ><b><p>2</b></p></div><div id="c3" ><b><p>3</b></p></div><div id="c4" ><b><p>4</b></p></div><div id="c5" ><b><p>5</b></p></div><div id="c6" ><b><p>6</b></p></div><div id="c7" ><b><p>7</b></p></div><div id="c8" ><b><p>8</b></p></div><div id="c9" ><b><p>9</b></p></div><div id="c10" ><b><p>10</b></p></div><div id="c11" ><b><p>11</b></p></div><div id="c12" ><b><p>12</b></p></div><div id="ob0" ></div><divid="ob1" ><fontcolor="#0000ff" size="+3"><b><p>.</b></font></p></div><div id="ob2" ><fontcolor="#0000ff" size="+3"><b><p>.</b></font></p></div><div id="ob3" ><fontcolor="#0000ff" size="+3"><b><p>.</b></font></p></div><div id="ob4" ><fontcolor="#0000ff" size="+3"><b><p>.</b></font></p></div><div id="ob5" ><fontcolor="#0000ff" size="+3"><b><p>.</b></font></p></div><div id="ob6" ><fontcolor="#00ffff" size="+3"><b><p>.</b></font></p></div><div id="ob7" ><fontcolor="#00ffff" size="+3"><b><p>.</b></font></p></div><div id="ob8" ><fontcolor="#00ffff" size="+3"><b><p>.</b></font></p></div><div id="ob9" ><fontcolor="#00ffff" size="+3"><b><p>.</b></font></p></div><div id="ob10" ><fontcolor="#f30000" size="+3"><b><p>.</b></font></p></div><div id="ob11" ><fontcolor="#f30000" size="+3"><b><p>.</b></font></p></div><div id="ob12" ><fontcolor="#f30000" size="+3"><b><p>.</b></font></p></div></body></html>
提示:您可以先修改部分代碼再運行