純JavaScript時鐘

來源:互聯網
上載者:User
提示:您可以先修改部分代碼再運行

<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>
提示:您可以先修改部分代碼再運行

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.