位置：首页>> 网络编程>> JavaScript>> javascript 时间脚本收集

javascript 时间脚本收集

作者：cnbruce　　发布时间：2013-07-17 19:52:50　

标签：

正常时间显示
<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=100obs = 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><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";//354var year2000="30;30;29;29;30;29;29;30;29;30;30;29";//354var year2001="30;30;29;30;29;30;29;29;30;29;30;29;30";//384var year2002="30;30;29;30;29;30;29;29;30;29;30;29";//354var year2003="30;30;29;30;30;29;30;29;29;30;29;30";//355var year2004="29;30;29;30;30;29;30;29;30;29;30;29;30";//384var year2005="29;30;29;30;29;30;30;29;30;29;30;29";//354var 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 PIXELSvar cellheight=10; // EACH "CELL" HEIGHT IN PIXELSvar fontsize=11; // FONT SIZE OF THE NUMBERS. SETTING THIS TOO BIG CAUSES UNDESIRED EFFECTS.var fontcolor="080080"; // ENTER ANY HTML OR RGB COLOR CODEvar fontstyle="bold"; // ENTER EITHER BOLD, ITALICS, NONEvar oncolor="red"; // COLOR OF ACTIVE CELLSvar offcolor="lightgrey"; // COLOR OF INACTIVE CELLSvar 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 推荐给我。
谢谢。。。

投稿

javascript 时间脚本收集

猜你喜欢