上一篇：CGI的安全 >>

javascript 时间脚本收集

正常时间显示

<script language=javascript>  </script> <script language="javascript" src="./script/date.js"></script>
[ctrl+a 全部选择提示：你可先修改部分代码，再按运行]

固定位置的时钟

<script language=javascript>  </script> <body onload=show5()> <span id=liveclock style=position:absolute;left:250px;top:122px;; width: 109px; height: 15px> </span>
[ctrl+a 全部选择提示：你可先修改部分代码，再按运行]

背景时钟

<head> <script language=javascript>  </script> </head> <body bgcolor="#ffffff" onload="clockon()"> <div id="bgclockshade" style="position:absolute;visibility:visible;font-family:arial;color:333333;font-size:120px;top:102px;left:152px"></div> <div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:arial;color:0099ff;font-size:120px;top:100px;left:150px"></div> <div id="mainbody" style="position:absolute; visibility:visible"> </div> </body>
[ctrl+a 全部选择提示：你可先修改部分代码，再按运行]

文本框里的时钟

<html> <head> <meta http-equiv="content-type" content="text/html; charset=gb2312"> <meta name="generator" content="microsoft frontpage 4.0"> <meta name="progid" content="frontpage.editor.document"> <title>简易时钟</title> <script language="javascript">  </script> </head> <body bgcolor="#3366cc" onload="startclock()"> <form name="clock" onsubmit="0"> <input type="text" name="face" size="14"> </form> </body> </html>
[ctrl+a 全部选择提示：你可先修改部分代码，再按运行]

按钮时钟

<script language="javascript">  </script>
[ctrl+a 全部选择提示：你可先修改部分代码，再按运行]

石英钟

<script language=javascript> px=200;py=100 obs = 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+=-1 eval(c+a+.style.pixeltop=+(py+(c))) eval(c+a+.style.pixelleft=+(px+(b))) } else{ if (a!=0) b+=10 eval(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]+px obs[i][0].top=obs[i][2]+py } } var lastsec function timer() { time = new date () sec = time.getseconds() if (sec!=lastsec) { lastsec = sec sec=math.pi*sec/30 min=math.pi*time.getminutes()/30 hr =math.pi*((time.gethours()*60)+time.getminutes())/360 for (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> <body onload="ob(),setnum(),setinterval(timer(),100);setinterval(runclock(),100)"> <div align="center" id="c0" style="position:absolute;right:6;top:33px; z-index:2;; left: 24px"> </div> <div id="c1" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>1</b></div> <div id="c2" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>2</b></div> <div id="c3" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>3</b></div> <div id="c4" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>4</b></div> <div id="c5" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>5</b></div> <div id="c6" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>6</b></div> <div id="c7" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>7</b></div> <div id="c8" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>8</b></div> <div id="c9" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>9</b></div> <div id="c10" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>10</b></div> <div id="c11" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>11</b></div> <div id="c12" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>12</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="#0000ff"><b>.</b></font></div> <div id="ob2" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#0000ff"><b>.</b></font></div> <div id="ob3" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#0000ff"><b>.</b></font></div> <div id="ob4" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#0000ff"><b>.</b></font></div> <div id="ob5" style="position:absolute;left:-19px;top:31px;z-index:8"> <font size="+3" color="#0000ff"><b>.</b></font></div> <div id="ob6" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" color="#00ffff"><b>.</b></font></div> <div id="ob7" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" color="#00ffff"><b>.</b></font></div> <div id="ob8" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" color="#00ffff"><b>.</b></font></div> <div id="ob9" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" color="#00ffff"><b>.</b></font></div> <div id="ob10" style="position:absolute;left:-20;top:-20;z-index:6"> <font size="+3" color="#f30000"><b>.</b></font></div> <div id="ob11" style="position:absolute;left:-20;top:-20;z-index:6"> <font size="+3" color="#f30000"><b>.</b></font></div> <div id="ob12" style="position:absolute;left:-20;top:-20;z-index:6"> <font size="+3" color="#f30000"><b>.</b></font></div> </body>
[ctrl+a 全部选择提示：你可先修改部分代码，再按运行]

跟随鼠标的钟

<script language=javascript> dcol=cc0000;//date colour. fcol=0099ff;//face colour. scol=ff0000;//seconds colour. mcol=0099ff;//minutes colour. hcol=0099ff;//hours colour. clockheight=40; clockwidth=40; clockfrommousey=0; clockfrommousex=100; //alter nothing below! alignments will be lost! d=new array("sunday","monday","tuesday","wednesday","thursday","friday","saturday"); m=new array("january","february","march","april","may","june","july","august","september","october","november","december"); date=new date(); day=date.getdate(); year=date.getyear(); if (year < 2000) year=year+1900; todaysdate=" "+d[date.getday()]+" "+day+" "+m[date.getmonth()]+" "+year; d=todaysdate.split(); h=...; h=h.split(); m=....; m=m.split(); s=.....; s=s.split(); face=1 2 3 4 5 6 7 8 9 10 11 12; font=tahoma; size=1; speed=0.6; ns=(document.layers); ie=(document.all); face=face.split( ); n=face.length; a=size*10; ymouse=0; xmouse=0; scrll=0; props="<font face="+font+" size="+size+" color="+fcol+">"; props2="<font face="+font+" size="+size+" color="+dcol+">"; split=360/n; dsplit=360/d.length; handheight=clockheight/4.5 handwidth=clockwidth/4.5 handy=-7; handx=-2.5; scrll=0; step=0.06; currstep=0; y=new array();x=new array();y=new array();x=new array(); for (i=0; i < n; i++){y[i]=0;x[i]=0;y[i]=0;x[i]=0} dy=new array();dx=new array();dy=new array();dx=new array(); for (i=0; i < d.length; i++){dy[i]=0;dx[i]=0;dy[i]=0;dx[i]=0} if (ns){ for (i=0; i < d.length; i++) document.write(<layer name="nsdate+i+" top=0 left=0 height=+a+ width=+a+><center>+props2+d[i]+</font></center></layer>); for (i=0; i < n; i++) document.write(<layer name="nsface+i+" top=0 left=0 height=+a+ width=+a+><center>+props+face[i]+</font></center></layer>); for (i=0; i < s.length; i++) document.write(<layer name=nsseconds+i+ top=0 left=0 width=15 height=15><font face=arial size=3 color=+scol+><center>+s[i]+</center></font></layer>); for (i=0; i < m.length; i++) document.write(<layer name=nsminutes+i+ top=0 left=0 width=15 height=15><font face=arial size=3 color=+mcol+><center>+m[i]+</center></font></layer>); for (i=0; i < h.length; i++) document.write(<layer name=nshours+i+ top=0 left=0 width=15 height=15><font face=arial size=3 color=+hcol+><center>+h[i]+</center></font></layer>); } if (ie){ document.write(<div id="od" style="position:absolute;top:0px;left:0px"><div style="position:relative">); for (i=0; i < d.length; i++) document.write(<div id="iedate" style="position:absolute;top:0px;left:0;height:+a+;width:+a+;text-align:center">+props2+d[i]+</font></div>); document.write(</div></div>); document.write(<div id="of" style="position:absolute;top:0px;left:0px"><div style="position:relative">); for (i=0; i < n; i++) document.write(<div id="ieface" style="position:absolute;top:0px;left:0;height:+a+;width:+a+;text-align:center">+props+face[i]+</font></div>); document.write(</div></div>); document.write(<div id="oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">); for (i=0; i < h.length; i++) document.write(<div id="iehours" style="position:absolute;width:16px;height:16px;font-family:arial;font-size:16px;color:+hcol+;text-align:center">+h[i]+</div>); document.write(</div></div>); document.write(<div id="om" style="position:absolute;top:0px;left:0px"><div style="position:relative">); for (i=0; i < m.length; i++) document.write(<div id="ieminutes" style="position:absolute;width:16px;height:16px;font-family:arial;font-size:16px;color:+mcol+;text-align:center">+m[i]+</div>); document.write(</div></div>) document.write(<div id="os" style="position:absolute;top:0px;left:0px"><div style="position:relative">); for (i=0; i < s.length; i++) document.write(<div id="ieseconds" style="position:absolute;width:16px;height:16px;font-family:arial;font-size:16px;color:+scol+;text-align:center">+s[i]+</div>); document.write(</div></div>) } (ns)?window.captureevents(event.mousemove):0; function mouse(evnt){ ymouse = (ns)?evnt.pagey+clockfrommousey-(window.pageyoffset):event.y+clockfrommousey; xmouse = (ns)?evnt.pagex+clockfrommousex:event.x+clockfrommousex; } (ns)?window.onmousemove=mouse:document.onmousemove=mouse; function clockandassign(){ time = new date (); secs = time.getseconds(); sec = -1.57 + math.pi * secs/30; mins = time.getminutes(); min = -1.57 + math.pi * mins/30; hr = time.gethours(); hrs = -1.575 + math.pi * hr/6+math.pi*parseint(time.getminutes())/360; if (ie){ od.style.top=window.document.body.scrolltop; of.style.top=window.document.body.scrolltop; oh.style.top=window.document.body.scrolltop; om.style.top=window.document.body.scrolltop; os.style.top=window.document.body.scrolltop; } for (i=0; i < n; i++){ var f=(ns)?document.layers[nsface+i]:ieface[i].style; f.top=y[i] + clockheight*math.sin(-1.0471 + i*split*math.pi/180)+scrll; f.left=x[i] + clockwidth*math.cos(-1.0471 + i*split*math.pi/180); } for (i=0; i < h.length; i++){ var hl=(ns)?document.layers[nshours+i]:iehours[i].style; hl.top=y[i]+handy+(i*handheight)*math.sin(hrs)+scrll; hl.left=x[i]+handx+(i*handwidth)*math.cos(hrs); } for (i=0; i < m.length; i++){ var ml=(ns)?document.layers[nsminutes+i]:ieminutes[i].style; ml.top=y[i]+handy+(i*handheight)*math.sin(min)+scrll; ml.left=x[i]+handx+(i*handwidth)*math.cos(min); } for (i=0; i < s.length; i++){ var sl=(ns)?document.layers[nsseconds+i]:ieseconds[i].style; sl.top=y[i]+handy+(i*handheight)*math.sin(sec)+scrll; sl.left=x[i]+handx+(i*handwidth)*math.cos(sec); } for (i=0; i < d.length; i++){ var dl=(ns)?document.layers[nsdate+i]:iedate[i].style; dl.top=dy[i] + clockheight*1.5*math.sin(currstep+i*dsplit*math.pi/180)+scrll; dl.left=dx[i] + clockwidth*1.5*math.cos(currstep+i*dsplit*math.pi/180); } currstep-=step; } function delay(){ scrll=(ns)?window.pageyoffset:0; dy[0]=math.round(dy[0]+=((ymouse)-dy[0])*speed); dx[0]=math.round(dx[0]+=((xmouse)-dx[0])*speed); for (i=1; i < d.length; i++){ dy[i]=math.round(dy[i]+=(dy[i-1]-dy[i])*speed); dx[i]=math.round(dx[i]+=(dx[i-1]-dx[i])*speed); } y[0]=math.round(y[0]+=((ymouse)-y[0])*speed); x[0]=math.round(x[0]+=((xmouse)-x[0])*speed); for (i=1; i < n; i++){ y[i]=math.round(y[i]+=(y[i-1]-y[i])*speed); x[i]=math.round(x[i]+=(x[i-1]-x[i])*speed); } clockandassign(); settimeout(delay(),20); } if (ns||ie)window.onload=delay; </script>

[ctrl+a 全部选择提示：你可先修改部分代码，再按运行]

标题栏显示动态时间

<script language="javascript">  </script>
[ctrl+a 全部选择提示：你可先修改部分代码，再按运行]

状态栏显示时间

<title> 在状态栏上显示时间 </title> <script language="javascript">  </script> </head> <body onload="run(); timerone=window.settimeout">
[ctrl+a 全部选择提示：你可先修改部分代码，再按运行]

带倒影的时钟

<title> 带有倒影的时间 </title> <html> <head> <style type="text/css">  </style> <style type="text/css">  </style> </head> <script language="javascript">  </script> <body onload="init()"> <div align="center" id="tim1" style="position:absolute; width:10; height:10; top:10; left:50" class="time"></div><div id="tim2" style="position:absolute; filter:flipv() alpha(opacity=20); font-style:italic" class="time"></div> </body> <script language="javascript">  </script> </html> <div id="layer551" style="position:absolute; left:585px; top:6px; width:200px; height:52px; z-index:1">
[ctrl+a 全部选择提示：你可先修改部分代码，再按运行]

农历时间显示

<script language="javascript"> var bsyear; var bsdate; var bsweek; var arrlen=8; //数组长度 var svalue=0; //当年的秒数 var dayiy=0; //当年第几天 var miy=0; //月份的下标 var iyear=0; //年份标记 var dayim=0; //当月第几天 var spd=86400; //每天的秒数 var year1999="30;29;29;30;29;29;30;29;30;30;30;29"; //354 var year2000="30;30;29;29;30;29;29;30;29;30;30;29"; //354 var year2001="30;30;29;30;29;30;29;29;30;29;30;29;30"; //384 var year2002="30;30;29;30;29;30;29;29;30;29;30;29"; //354 var year2003="30;30;29;30;30;29;30;29;29;30;29;30"; //355 var year2004="29;30;29;30;30;29;30;29;30;29;30;29;30"; //384 var year2005="29;30;29;30;29;30;30;29;30;29;30;29"; //354 var year2006="30;29;30;29;30;30;29;29;30;30;29;29;30"; var month1999="正月;二月;三月;四月;五月;六月;七月;八月;九月;十月;十一月;十二月" var month2001="正月;二月;三月;四月;闰四月;五月;六月;七月;八月;九月;十月;十一月;十二月" var month2004="正月;二月;闰二月;三月;四月;五月;六月;七月;八月;九月;十月;十一月;十二月" var month2006="正月;二月;三月;四月;五月;六月;七月;闰七月;八月;九月;十月;十一月;十二月" var dn="初一;初二;初三;初四;初五;初六;初七;初八;初九;初十;十一;十二;十三;十四;十五;十六;十七;十八;十九;二十;廿一;廿二;廿三;廿四;廿五;廿六;廿七;廿八;廿九;三十"; var ys=new array(arrlen); ys[0]=919094400;ys[1]=949680000;ys[2]=980265600; ys[3]=1013443200;ys[4]=1044028800;ys[5]=1074700800; ys[6]=1107878400;ys[7]=1138464000; var yn=new array(arrlen); //农历年的名称 yn[0]="己卯年";yn[1]="庚辰年";yn[2]="辛巳年"; yn[3]="壬午年";yn[4]="癸未年";yn[5]="甲申年"; yn[6]="乙酉年";yn[7]="丙戌年"; var d=new date(); var yy=d.getyear(); var mm=d.getmonth()+1; var dd=d.getdate(); var ww=d.getday(); if (ww==0) ww="<font color=red>星期日</font>"; if (ww==1) ww="星期一"; if (ww==2) ww="星期二"; if (ww==3) ww="星期三"; if (ww==4) ww="星期四"; if (ww==5) ww="星期五"; if (ww==6) ww="<font color=green>星期六</font>"; ww=ww; var ss=parseint(d.gettime() / 1000); if (yy<100) yy="19"+yy; for (i=0;i<arrlen;i++) if (ss>=ys[i]){ iyear=i; svalue=ss-ys[i]; //当年的秒数 } dayiy=parseint(svalue/spd)+1; //当年的天数 var dpm=year1999; if (iyear==1) dpm=year2000; if (iyear==2) dpm=year2001; if (iyear==3) dpm=year2002; if (iyear==4) dpm=year2003; if (iyear==5) dpm=year2004; if (iyear==6) dpm=year2005; if (iyear==7) dpm=year2006; dpm=dpm.split(";"); var mn=month1999; if (iyear==2) mn=month2001; if (iyear==5) mn=month2004; if (iyear==7) mn=month2006; mn=mn.split(";"); var dn="初一;初二;初三;初四;初五;初六;初七;初八;初九;初十;十一;十二;十三;十四;十五;十六;十七;十八;十九;二十;廿一;廿二;廿三;廿四;廿五;廿六;廿七;廿八;廿九;三十"; dn=dn.split(";"); dayim=dayiy; var total=new array(13); total[0]=parseint(dpm[0]); for (i=1;i<dpm.length-1;i++) total[i]=parseint(dpm[i])+total[i-1]; for (i=dpm.length-1;i>0;i--) if (dayim>total[i-1]){ dayim=dayim-total[i-1]; miy=i; } bsweek=ww; bsdate=yy+"年"+mm+"月"; bsdate2=dd; bsyear="农历"+yn[iyear]; bsyear2=mn[miy]+dn[dayim-1]; if (ss>=ys[7]||ss<ys[0]) bsyear=yn[7]; function time(){ document.write("<table border=0 style=font-size: 8pt; font-family:tahoma cellspacing=0 width=90 bordercolor=#cccccc height=110 cellpadding=0"); document.write("<tr><td align=center style=border: 1 solid #0099ff;padding-top:4px><b><font color=#3366cc>"+bsdate+"</font><br><span style=font-family: arial black;font-size:18pt;color:#ff0000>"+bsdate2+"</span><br><br><span style=font-size: 10.5pt;color:#000000>"); document.write(bsweek+"</span><br>"+"<hr width=60 ></b><font color=#666666>"); document.write(bsyear+"<br>"+bsyear2+"</td></tr></table>"); } </script> <script>time()</script>
[ctrl+a 全部选择提示：你可先修改部分代码，再按运行]

极品万年历

<title> 极品万年历 </title> <body onload=initial()> <script language=javascript>  </script> <script language=vbscript>  </script> <style>.todyacolor { background-color: aqua } </style> <script language=javascript></script> <div id=detail style="position: absolute"></div> <center> <form name=cld> <table> <tbody> <tr> <td valign=top align=middle><font color=#ff6633 size=3> <script language=javascript> var enabled = 0; today = new date(); var day; var date; if(today.getday()==0) day = "星期日" if(today.getday()==1) day = "星期一" if(today.getday()==2) day = "星期二" if(today.getday()==3) day = "星期三" if(today.getday()==4) day = "星期四" if(today.getday()==5) day = "星期五" if(today.getday()==6) day = "星期六" document.fgcolor = "000000"; date = " 佛历 " + (today.getyear()+544) + " 年 " + (today.getmonth() + 1 ) + "月 " + today.getdate() + "日 " + day +""; document.write(date) </script> </font><br><font style="font-size: 9pt" size=2>本地时间:</font><br><font id=clock face=arial color=#000080 size=4 align="center"></font> <p><font style="font-size: 9pt" size=2><select style="font-size: 9pt" onchange=changetz() name=tz> <option value="-1200 安尼威土克、瓜甲兰" selected>国际换日线<option value="-1100 中途岛、萨摩亚群岛">萨摩亚<option value="-1000 夏威夷">夏威夷<option value=-0900*阿拉斯加>阿拉斯加<option value=-0800*太平洋时间(美加)、提亚纳>太平洋<option value="-0700 亚历桑那">美国山区<option value=-0700*山区时间(美加)>美加山区<option value=-0600*萨克其万(加拿大)>加拿大中部<option value=-0600*墨西哥市、塔克西卡帕>墨西哥<option value=-0600*中部时间(美加)>美加中部<option value=-0500*波哥大、里玛>南美洲太平洋<option value=-0500*东部时间(美加)>美加东部<option value=-0500*印第安纳(东部)>美东<option value=-0400*加拉卡斯、拉帕兹>南美洲西部<option value="-0400*大西洋时间加拿大)">大西洋<option value="-0330 新岛(加拿大东岸)">纽芬兰<option value="-0300 波西尼亚">东南美洲<option value="-0300 布鲁诺斯爱丽斯、乔治城">南美洲东部<option value=-0200*大西洋中部>大西洋中部<option value=-0100*亚速尔群岛、维德角群岛>亚速尔<option value="+0000 格林威治时间、都柏林、爱丁堡、伦敦">英国夏令<option value="+0000 莫洛维亚(赖比瑞亚)、卡萨布兰卡">格林威治标准<option value="+0100 巴黎、马德里">罗马<option value="+0100 布拉格, 华沙, 布达佩斯">中欧<option value="+0100 柏林、斯德哥尔摩、罗马、伯恩、布鲁赛尔、维也纳">西欧<option value="+0200 以色列">以色列<option value=+0200*东欧>东欧<option value=+0200*开罗>埃及<option value=+0200*雅典、赫尔辛基、伊斯坦堡>gft<option value=+0200*赫拉雷、皮托里>南非<option value=+0300*巴格达、科威特、奈洛比(肯亚)、里雅德(沙乌地)>沙乌地阿拉伯<option value=+0300*莫斯科、圣彼得堡、贺占、窝瓦格瑞德>俄罗斯<option value=+0330*德黑兰>伊朗<option value=+0400*阿布达比(东阿拉伯)、莫斯凯、塔布理斯(乔治亚共和)>阿拉伯<option value=+0430*喀布尔>阿富汗<option value="+0500 伊斯兰马巴德、克洛奇、伊卡特林堡、塔须肯">西亚<option value="+0530 孟买、加尔各答、马垂斯、新德里、可伦坡">印度<option value="+0600 阿马提、达卡">中亚<option value="+0700 曼谷、亚加达、胡志明市">曼谷<option value="+0800 北京、重庆、黑龙江">中国<option value="+0800 台湾、香港、新加坡">台北<option value="+0900 东京、大阪、扎幌、汉城、亚库兹(东西伯利亚)">东京<option value="+0930 达尔文">澳洲中部<option value="+1000 布里斯本、墨尔本、席德尼">席德尼<option value="+1000 霍巴特">塔斯梅尼亚<option value="+1000 关岛、莫斯比港、海　威">西太平洋<option value=+1100*马哥大、所罗门群岛、新卡伦多尼亚>太平洋中部<option value="+1200 威灵顿、奥克兰">纽西兰<option value="+1200 斐济、肯加塔、马歇尔群岛">斐济</option></select>时间</font> <font id=tsave style="font-size: 18pt; color: red; font-family: wingdings"></font><br><br><font style="font-size: 120pt; color: green; font-family: webdings">û</font><br><font id=city style="font-size: 9pt; width: 150px; color: blue; font-family: 宋体"></font></p></td> <td align=middle> <div style="z-index: -1; position: absolute; top: 30px"><font id=ymbg style="font-size: 100pt; color: #f0f0f0; font-family: arial black"> 0000<br> jun</font> </div> <table border=0> <tbody> <tr> <td bgcolor=#000080 colspan=7><font style="font-size: 9pt" color=#ffffff size=2>西历<select style="font-size: 9pt" onchange=changecld() name=sy> <script language=javascript></script> </select>年<select style="font-size: 9pt" onchange=changecld() name=sm> <script language=javascript></script> </select>月</font> <font id=gz face=宋体 color=#ffffff size=4></font><br></td></tr> <tr align=middle bgcolor=#e0e0e0> <td width=54>日</td> <td width=54>一</td> <td width=54>二</td> <td width=50>三</td> <td width=54>四</td> <td width=54>五</td> <td width=54>六</td></tr> <script language=javascript></script> </tbody></table></td> <td valign=top align=middle width=60><br><br><br><br><button style="font-size: 9pt" onclick="pushbtm(yu)">年↑</button><br><button style="font-size: 9pt" onclick="pushbtm(yd)">年↓</button> <p><button style="font-size: 9pt" onclick="pushbtm(mu)">月↑</button><br><button style="font-size: 9pt" onclick="pushbtm(md)">月↓</button> <p><button style="font-size: 9pt" onclick="pushbtm()">当月</button> </p></td></tr></tbody></table></form></center> </body>
[ctrl+a 全部选择提示：你可先修改部分代码，再按运行]

超强！温度计式样时间

<title> 温度计式样的时间 </title> <script language=javascript> var cellwidth=10; // each "cell" width in pixels var cellheight=10; // each "cell" height in pixels var fontsize=11; // font size of the numbers. setting this too big causes undesired effects. var fontcolor="080080"; // enter any html or rgb color code var fontstyle="bold"; // enter either bold, italics, none var oncolor="red"; // color of active cells var offcolor="lightgrey"; // color of inactive cells var ns4 = (navigator.appname.indexof("netscape")>=0 && parsefloat(navigator.appversion) >= 4 && parsefloat(navigator.appversion) < 5)? true : false; var ie4 = (document.all)? true : false; var ns6 = (parsefloat(navigator.appversion) >= 5 && navigator.appname.indexof("netscape")>=0 )? true: false; var binclk, now; var t=<table cellspacing="1" cellpadding="0" border="0"><tr><td align="center"> </td>; for(i=0;i<=58;i+=2)t+=<td align="left" colspan="2"><font style="font-size:+fontsize+px; font-weight:+fontstyle+; color: +fontcolor+">+i+<br> |</font></td>; t+=<td> </td></tr><tr><td align="center"><font style="font-size:+fontsize+px; font-weight:+fontstyle+; color: +fontcolor+">时: </font></td>; for(i=0;i<=23;i++){ t+=<td>; t+=(ns4)? <ilayer name="hrs+i+" height="+cellheight+" width="+cellwidth+" bgcolor="+offcolor+"></ilayer> : <div id="hrs+i+" style="position:relative; width:+cellwidth+px; font-size:1px; height:+cellheight+px; background-color:+offcolor+"></div>; t+=</td>; } t+=<td colspan="36"><td> </td></tr><tr><td align="center"><font style="font-size:+fontsize+px; font-weight:+fontstyle+; color: +fontcolor+">分: </font></td>; for(i=0;i<=59;i++){ t+=<td>; t+=(ns4)? <ilayer name="min+i+" width="+cellwidth+" height="+cellheight+" bgcolor="+offcolor+"></ilayer> : <div id="min+i+" style="position:relative; width:+cellwidth+px; font-size:1px; height:+cellheight+px; background-color:+offcolor+"></div>; t+=</td>; } t+=<td> </td></tr><tr><td align="center"><font style="font-size:+fontsize+px; font-weight:+fontstyle+; color: +fontcolor+">秒: </font></td>; for(i=0;i<=59;i++) { t+=<td>; t+=(ns4)? <ilayer name="sec+i+" width="+cellwidth+" height="+cellheight+" bgcolor="+offcolor+"></ilayer> : <div id="sec+i+" style="position:relative; width:+cellwidth+px; font-size:1px; height:+cellheight+px; background-color:+offcolor+"></div>; t+=</td>; } t+=<td> </td></tr><tr><td> </td><td> </td>; for(i=1;i<=59;i+=2)t+=<td align="left" colspan="2"><font style="font-size:+fontsize+px; font-weight:+fontstyle+; color: +fontcolor+"> |<br>+i+</font></td>; t+=</tr></table>; document.write(t); function init(){ getvals(); for(i=0;i<=now.h;i++)setbgcolor(hrs+i, oncolor); for(i=0;i<=now.m;i++)setbgcolor(min+i, oncolor); for(i=0;i<=now.s;i++)setbgcolor(sec+i, oncolor); setinterval(setclock(), 100); } function getvals(){ now=new date(); now.s=now.getseconds(); now.h=now.gethours(); now.m=now.getminutes(); } function setclock(){ getvals(); if((now.h==0)&&(now.m==0)) for(i=1;i<=23;i++)setbgcolor(hrs+i, offcolor); if((now.s==0)&&(now.m==0)) for (i=1;i<=59;i++)setbgcolor(min+i, offcolor); if(now.s==0) for(i=1;i<=59;i++)setbgcolor(sec+i, offcolor); setbgcolor(hrs+now.h, oncolor); setbgcolor(min+now.m, oncolor); setbgcolor(sec+now.s, oncolor); } function resize(){ if(ns4)history.go(0); } function setbgcolor(idstr, color){ if(ie4)document.all[idstr].style.backgroundcolor=color; if(ns4)document.layers[idstr].bgcolor=color; if(ns6)document.getelementbyid(idstr).style.backgroundcolor=color; } window.onload=init; window.onresize=resize; </script>
[ctrl+a 全部选择提示：你可先修改部分代码，再按运行]

自己最近收集的，您有更多更好的请访问 http://www.cnbruce.com 推荐给我。
谢谢。。。

（）

返回顶部

下一篇：HTML 表格特效整理 >>