js特效--时间

王朝厨房·作者佚名  2007-01-05
宽屏版  字体: |||超大  

5.纯钟

<br />

<SCRIPT language=<a href="http://www.chinaitpower.com/Dev/Programme/Java/index.html" target="_blank">java</a>script><br />

pX=400;pY=200<br />

obs = new Array(13)<br />

function ob () {<br />

for (i=0; i<13; i++) {<br />

if (document.all) obs[i]=new Array (eval('ob'+i).style,-100,-100)<br />

else obs[i] = new Array (eval('document.ob'+i),-100,-100)<br />

}<br />

}<br />

function cl(a,b,c){<br />

if (document.all) {<br />

if (a!=0) b+=-1<br />

eval('c'+a+'.style.pixelTop='+(pY+(c)))<br />

eval('c'+a+'.style.pixelLeft='+(pX+(b)))<br />

}<br />

else{<br />

if (a!=0) b+=10<br />

eval('document.c'+a+'.top='+(pY+(c)))<br />

eval('document.c'+a+'.left='+(pX+(b)))<br />

}<br />

if (document.all) c0.style.pixelLeft=26<br />

}<br />

function runClock() {<br />

for (i=0; i<13; i++) {<br />

obs[i][0].left=obs[i][1]+pX<br />

obs[i][0].top=obs[i][2]+pY<br />

}<br />

}<br />

<br />

<br />

var lastsec<br />

function timer() {<br />

time = new Date ()<br />

sec = time.getSeconds()<br />

if (sec!=lastsec) {<br />

lastsec = sec<br />

sec=Math.PI*sec/30<br />

min=Math.PI*time.getMinutes()/30<br />

hr =Math.PI*((time.getHours()*60)+time.getMinutes())/360<br />

for (i=1;i<6;i++) {<br />

obs[i][1] = Math.sin(sec) * (44 - (i-1)*11)-16;<br />

if (document.layers)obs[i][1]+=10;<br />

obs[i][2] = -Math.cos(sec) * (44 - (i-1)*11)-27;<br />

}<br />

for (i=6;i<10;i++) {<br />

obs[i][1] = Math.sin(min) * (40 - (i-6)*10)-16;<br />

if (document.layers)obs[i][1]+=10;<br />

obs[i][2] = -Math.cos(min) * (40 - (i-6)*10)-27;<br />

}<br />

for (i=10;i<13;i++) {<br />

obs[i][1] = Math.sin(hr) * (37 - (i-10)*11)-16;<br />

if (document.layers)obs[i][1]+=10;<br />

obs[i][2] = -Math.cos(hr) * (37 - (i-10)*11)-27;<br />

}<br />

}<br />

}<br />

function setNum(){<br />

cl (0,-67,-65);<br />

cl (1,10,-51);<br />

cl (2,28,-33);<br />

cl (3,35,-8);<br />

cl (4,28,17);<br />

cl (5,10,35);<br />

cl (6,-15,42);<br />

cl (7,-40,35);<br />

cl (8,-58,17);<br />

cl (9,-65,-8);<br />

cl (10,-58,-33);<br />

cl (11,-40,-51);<br />

cl (12,-16,-56);<br />

}<br />

</SCRIPT><br />

<br />

<br />

<b>1</b><br />

<b>2</b><br />

<b>3</b><br />

<b>4</b><br />

<b>5</b><br />

<b>6</b><br />

<b>7</b><br />

<b>8</b><br />

<b>9</b><br />

<b>10</b><br />

<b>11</b><br />

<b>12</b><br />

<br />

<b>.</b><br />

<b>.</b><br />

<b>.</b><br />

<b>.</b><br />

<b>.</b><br />

<b>.</b><br />

<b>.</b><br />

<b>.</b><br />

<b>.</b><br />

<b>.</b><br />

<b>.</b><br />

<b>.</b><br />

<body onLoad="ob(),setNum(),setInterval('timer()',100);setInterval('runClock()',100)"><br />

6.时间显示

<br />

<br />

<body onload="setInterval('t1.innerText=new Date().toLocaleString()',1000)"><br />

<span id="t1">1秒后变成时间

</TD>

</TR>

</TABLE>

</td></tr><tr><td height=1 bgcolor=#D6D6D6></td></tr>

<tr><td bgcolor="#FFFFFF" height=25 align=center><script language="JavaScript" src="/images/fav.js"></script></td></tr>

<tr><td height=1 bgcolor=#D6D6D6></td></tr>

<tr>

<Td colspan="9" class="ButtonList" height="22" > </font>

</td>

</tr>

<tr>

<Td colspan="9" align=center ><iframe id="baiduframe" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0"

framespacing="0" frameborder="0" scrolling="no" width="670" height="40"

src="http://unstat.baidu.com/bdun.bsc?tn=yestar2000&csid=103&rkcs=0&bgcr=FFFFFF&ftcr=000000&rk=1&bd=0&bdas=0">

</iframe>

</td>

</tr>

</table>

<table width=760 border=0 class="border3" cellpadding=0 bgcolor=#ffffff align=center cellspacing=0 >

<tr><td colspan=3 height=2></td></tr>

</table>

<table width=760 border=0 cellpadding=0 cellspacing=0 align=center>

<tr height=10><td></td></tr>

<tr height=20>

<td align=center><a href=/index.html class=gray2>首页</a> | <a href=/hezuo.html class=gray2>投资与合作</a> | <a href="/fuwu.html" class=gray2>服务条款</a> | <a target=_blank href="/yinsi.html" class=gray2>隐私政策</a> |

<A href="javascript:window.external.AddFavorite('http://www.chinaitpower.com/',%20'“中国IT动力,提供最新最全的电脑技术教程”"/www.chinaitpower.com')" target=_self class=gray2>收藏本站</A> |

<A style="BEHAVIOR: url(#default#homepage)"

onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.chinaitpower.com/');return(false);"

href="http://www.chinaitpower.com/#" class=gray2>设为首页</A> |

<a href="Http://bbs.chinaitpower.com/" class=gray2>新用户注册</a>|

<a href="/shengming.html" class=gray2>免责声明</a>|

<a href="/help.html" class=gray2 target=_blank>使用帮助</a></td></tr>

<tr><td height=1 bgcolor=#666666></td></tr>

<tr height=20><td align=center>Copyright ©2005-2008 chinaitpower.com All rights reserved. www.chinaitpower.com 版权所有</td></tr>

</table>

<SCRIPT language="javascript" src="http://s02.51.La//j/52.js"></SCRIPT>

<NOSCRIPT><A href="http://www.51.la/?s=2&id=52" title="51.la Free Site Stats" target="_blank"><IMG src="http://s02.51.La//s.asp?siteid=52&t=img" border="0"></A></NOSCRIPT>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
© 2005- 王朝网络 版权所有