分享
 
 
 

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>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有