天狼星

js特效－－时间

2005年9月13日 | 分类: D/XHTML CSS | 标签:

1．显示系统当前日期

<script language=JavaScript> 　　today=new Date(); 　　function date(){ 　　this.length=date.arguments.length 　　for(var i=0;i <this.length;i++) 　　this[i+1]=date.arguments[i] } 　　var d=new date("星期日","星期一","星期二","星期三","星期四","星期五","星期六"); 　　document.write( 　　" ", 　　today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日", 　　d[today.getDay()+1],"" ); 　　</script> 

　　2．显示系统当前日期

<html> <head> </head> <body> <script language="Javascript">  </script> </body> </html> 

　　3．日期和星期

<script language="javascript"> time=new Date(); year=time.getYear(); month=time.getMonth()+1; day=time.getDate(); with(document){ write("今天是："+year+"年"+month+"月"+day+"日"+" ") write('星期'+'日一二三四五六'.charAt(time.getDay()))} </script> 

　　4．日期和星期

<script> document.write(new Date().toLocaleDateString()+" 星期"+"日一二三四五六".split("")[new Date().getDay()]) </script> 

　　5．纯钟

<SCRIPT language=javascript> pX=400;pY=200 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> <div id="c0" style="position:absolute;right:6;top:6; z-index:2;"> </div> <div id="c1" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;">1</div> <div id="c2" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;">2</div> <div id="c3" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;">3</div> <div id="c4" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;">4</div> <div id="c5" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;">5</div> <div id="c6" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;">6</div> <div id="c7" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;">7</div> <div id="c8" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;">8</div> <div id="c9" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;">9</div> <div id="c10" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;">10</div> <div id="c11" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;">11</div> <div id="c12" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;">12</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"> .</div> <div id="ob2" style="position:absolute;left:-20;top:-20;z-index:8"> .</div> <div id="ob3" style="position:absolute;left:-20;top:-20;z-index:8"> .</div> <div id="ob4" style="position:absolute;left:-20;top:-20;z-index:8"> .</div> <div id="ob5" style="position:absolute;left:-20;top:-20;z-index:8"> .</div> <div id="ob6" style="position:absolute;left:-20;top:-20;z-index:7"> .</div> <div id="ob7" style="position:absolute;left:-20;top:-20;z-index:7"> .</div> <div id="ob8" style="position:absolute;left:-20;top:-20;z-index:7"> .</div> <div id="ob9" style="position:absolute;left:-20;top:-20;z-index:7"> .</div> <div id="ob10" style="position:absolute;left:-20;top:-20;z-index:6"> .</div> <div id="ob11" style="position:absolute;left:-20;top:-20;z-index:6"> .</div> <div id="ob12" style="position:absolute;left:-20;top:-20;z-index:6"> .</div> <body onLoad="ob(),setNum(),setInterval('timer()',100);setInterval('runClock()',100)"> 

　　6．时间显示

<body onload="setInterval('t1.innerText=new Date().toLocaleString()',1000)"> 1秒后变成时间 

　　7．反倒记时

<SCRIPT language=javascript> BirthDay=new Date(“January 19,1986″); today=new Date(); timeold=(today.getTime()-BirthDay.getTime()); sectimeold=timeold/1000 secondsold=Math.floor(sectimeold); msPerDay=24*60*60*1000 e_daysold=timeold/msPerDay daysold=Math.floor(e_daysold); e_hrsold=(e_daysold-daysold)*24; hrsold=Math.floor(e_hrsold); e_minsold=(e_hrsold-hrsold)*60; minsold=Math.floor((e_hrsold-hrsold)*60); seconds=Math.floor((e_minsold-minsold)*60);   document.write(“我的出生日期已经过去：”+daysold+”天”+hrsold+”小时”+minsold+”分”+seconds+”秒了!”); </SCRIPT> 

　　8．日历

 <style>  </style> <script language="JavaScript"> var ns6=document.getElementById&&!document.all var ie4=document.all var Selected_Month; var Selected_Year; var Current_Date = new Date(); var Current_Month = Current_Date.getMonth(); var Days_in_Month = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31); var Month_Label = new Array('January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'); var Current_Year = Current_Date.getYear(); if (Current_Year < 1000) Current_Year+=1900 var Today = Current_Date.getDate(); function Header(Year, Month) { if (Month == 1) { Days_in_Month[1] = ((Year % 400 == 0) || ((Year % 4 == 0) && (Year % 100 !=0))) ? 29 : 28; } var Header_String = Month_Label[Month] + ' ' + Year; return Header_String; } function Make_Calendar(Year, Month) { var First_Date = new Date(Year, Month, 1); var Heading = Header(Year, Month); var First_Day = First_Date.getDay() + 1; if (((Days_in_Month[Month] == 31) && (First_Day >= 6)) || ((Days_in_Month[Month] == 30) && (First_Day == 7))) { var Rows = 6; } else if ((Days_in_Month[Month] == 28) && (First_Day == 1)) { var Rows = 4; } else { var Rows = 5; } var HTML_String = ' <table> <tr> <td valign="top"> <table BORDER=4 CELLSPACING=1 cellpadding=2 FRAME="box" BGCOLOR="C0C0C0" BORDERCOLORLIGHT="808080">'; HTML_String += ' <tr> <th colspan=7 BGCOLOR="FFFFFF" BORDERCOLOR="000000">' + Heading + '</th> </tr> '; HTML_String += ' <tr> <th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Sun</th> <th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Mon</th> <th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Tue</th> <th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Wed</th> '; HTML_String += ' <th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Thu</th> <th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Fri</th> <th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Sat</th> </tr> '; var Day_Counter = 1; var Loop_Counter = 1; for (var j = 1; j <= Rows; j++) { HTML_String += ' <tr ALIGN="left" VALIGN="top">'; for (var i = 1; i < 8; i++) { if ((Loop_Counter >= First_Day) && (Day_Counter <= Days_in_Month[Month])) { if ((Day_Counter == Today) && (Year == Current_Year) && (Month == Current_Month)) { HTML_String += ' <td BGCOLOR="FFFFFF" BORDERCOLOR="000000">' + Day_Counter + '</td> '; } else { HTML_String += ' <td BGCOLOR="FFFFFF" BORDERCOLOR="000000">' + Day_Counter + '</td> '; } Day_Counter++; } else { HTML_String += ' <td BORDERCOLOR="C0C0C0"> </td> '; } Loop_Counter++; } HTML_String += '</tr> '; } HTML_String += '</table> </td> </tr> </table> '; cross_el=ns6? document.getElementById("Calendar") : document.all.Calendar cross_el.innerHTML = HTML_String; } function Check_Nums() { if ((event.keyCode < 48) || (event.keyCode > 57)) { return false; } } function On_Year() { var Year = document.when.year.value; if (Year.length == 4) { Selected_Month = document.when.month.selectedIndex; Selected_Year = Year; Make_Calendar(Selected_Year, Selected_Month); } } function On_Month() { var Year = document.when.year.value; if (Year.length == 4) { Selected_Month = document.when.month.selectedIndex; Selected_Year = Year; Make_Calendar(Selected_Year, Selected_Month); } else { alert('Please enter a valid year.'); document.when.year.focus(); } } function Defaults() { if (!ie4&&!ns6) return var Mid_Screen = Math.round(document.body.clientWidth / 2); document.when.month.selectedIndex = Current_Month; document.when.year.value = Current_Year; Selected_Month = Current_Month; Selected_Year = Current_Year; Make_Calendar(Current_Year, Current_Month); }   function Skip(Direction) { if (Direction == '+') { if (Selected_Month == 11) { Selected_Month = 0; Selected_Year++; } else { Selected_Month++; } } else { if (Selected_Month == 0) { Selected_Month = 11; Selected_Year--; } else { Selected_Month--; } } Make_Calendar(Selected_Year, Selected_Month); document.when.month.selectedIndex = Selected_Month; document.when.year.value = Selected_Year; } </script> <body onLoad="Defaults()"> <div id=NavBar style="position:relative;width:286px;top:5px;" align="left"> <form name="when"> <table> <tr> <td> <input type="button" value="<-- Last" onClick="Skip('-')"></td> <td> </td> <td><select name="month" onChange="On_Month()"> <script language="JavaScript1.2"> if (ie4||ns6){ for (j=0;j<Month_Label.length;j++) { document.writeln(' <option value=' + j + '>' + Month_Label[j]); } } </script> </select> </td> <td> <input type="text" name="year" size=4 maxlength=4 onKeyPress="return Check_Nums()" onKeyUp="On_Year()"></td> <td> </td> <td> <input type="button" value="Next -->” onClick=”Skip(‘+’)”></td> </tr> </table> </form> </div> <div id=Calendar style="position:relative;width:238px;top:-2px;" align="left"></div> 

　　9．鼠标时钟

<SCRIPT LANGUAGE="JavaScript1.2"> colors = new Array(’330099′,’00ff00′,’ff00ff’); sCol = ‘ff00ff’; mCol = ’00ff00′; hCol = ‘red’; H = ‘***’; H = H.split(”); H = H.reverse(); M = ‘****’; M = M.split(”); M = M.reverse(); S = ‘*****’; S = S.split(”); S = S.reverse(); dots = 12; var Ypos = 0,Xpos = 0,Ybase = 0,Xbase = 0; var ay = 0, ax = 0, Ay = 0, Ax = 0, by = 0, bx = 0, By = 0, Bx = 0, cy = 0, cx = 0, Cy = 0, Cx = 0, dy = 0, dx = 0, Dy = 0, Dx = 0; count = 0; count_a = 0; move = 1; ie4=document.all ns = (document.layers)?1:0; viz = (document.layers)?’hide’:'hidden’; if (ns) { for (i = 0; i < dots; i++) document.write('<layer name=nface'+i+' top=0 left=0 bgcolor=#000099 clip="0,0,3,3"></layer>‘); for (i = 0; i < S.length; i++) document.write('<layer name=nx'+i+' top=0 left=0 width=36 height=36><center>‘+S[i]+’</center></layer>‘); for (i = 0; i < M.length; i++) document.write('<layer name=ny'+i+' top=0 left=0 width=36 height=36><center>‘+M[i]+’</center></layer>‘); for (i = 0; i < H.length; i++) document.write('<layer name=nz'+i+' top=0 left=0 width=36 height=36><center>‘+H[i]+’</center></layer>‘); } else if (ie4){ document.write(‘ <div id="W" style="position:absolute;top:0px;left:0px"> <div style="position:relative">‘); for (i = 0; i < dots; i++) { document.write(' <div id="face" style="position:absolute;top:0px;left:0px;width:3px;height:3px;font-size:3px;background:#000099"></div> ‘); } document.write(‘</div> </div> ‘); document.write(‘ <div id="X" style="position:absolute;top:0px;left:0px"> <div style="position:relative">‘); for (i = 0; i < S.length; i++) { document.write(' <div id="x" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+sCol+';text-align:center;padding-top:10px">‘+S[i]+’</div> ‘); } document.write(‘</div> </div> ‘) document.write(‘ <div id="Y" style="position:absolute;top:0px;left:0px"> <div style="position:relative">‘); for (i = 0; i < M.length; i++) { document.write(' <div id="y" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+mCol+';text-align:center;padding-top:10px">‘+M[i]+’</div> ‘); } document.write(‘</div> </div> ‘) document.write(‘ <div id="Z" style="position:absolute;top:0px;left:0px"> <div style="position:relative">‘); for (i = 0; i < H.length; i++) { document.write(' <div id="z" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+hCol+';text-align:center;padding-top:10px">‘+H[i]+’</div> ‘); } document.write(‘</div> </div> ‘); } if (ns) { window.captureEvents(Event.MOUSEMOVE); function nsMouse(evnt) { Ypos = evnt.pageY + 100; Xpos = evnt.pageX + 100; } window.onMouseMove = nsMouse; } else if (ie4){ function ieMouse() { Ypos = event.y + 100; Xpos = event.x + 100; } document.onmousemove = ieMouse; } function clock() { 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; Ybase = 15; Xbase = 15; if (ns) { document.layers["nx"+0].visibility = viz; document.layers["ny"+0].visibility = viz; document.layers["nz"+0].visibility = viz; for (i = 0; i < S.length; i++) { document.layers["nx"+i].top = ay - 12 + (i * Ybase) * Math.sin(sec); document.layers["nx"+i].left = ax - 12 + (i * Xbase) * Math.cos(sec); } for (i = 0; i < M.length; i++) { document.layers["ny"+i].top = by - 12 + (i * Ybase) * Math.sin(min); document.layers["ny"+i].left = bx - 12 + (i * Xbase) * Math.cos(min); } for (i = 0; i < H.length; i++) { document.layers["nz"+i].top = cy - 12 + (i * Ybase) * Math.sin(hrs); document.layers["nz"+i].left = cx - 12 + (i * Xbase) * Math.cos(hrs); } for (i = 0; i < dots; ++i) { document.layers["nface"+i].top = dy - 2 + (70 * Math.sin(-0.49+dots+i/1.9)); document.layers["nface"+i].left = dx + 4 + (70 * Math.cos(-0.49+dots+i/1.9)); } } else if (ie4) { var scrll = document.body.scrollTop; W.style.pixelTop = scrll; X.style.pixelTop = scrll; Y.style.pixelTop = scrll; Z.style.pixelTop = scrll; x[0].style.visibility=viz; y[0].style.visibility = viz; z[0].style.visibility = viz; for (i = 0; i < S.length; i++) { x[i].style.pixelTop = ay - 12 + (i * Ybase) * Math.sin(sec); x[i].style.pixelLeft = ax - 12 + (i * Xbase) * Math.cos(sec); } for (i = 0; i < M.length; i++) { y[i].style.pixelTop = by - 12 + (i * Ybase) * Math.sin(min); y[i].style.pixelLeft = bx - 12 + (i * Xbase) * Math.cos(min); } for (i = 0; i < H.length; i++) { z[i].style.pixelTop = cy - 12 + (i * Ybase) * Math.sin(hrs); z[i].style.pixelLeft = cx - 12 + (i * Xbase) * Math.cos(hrs); } for (i = 0; i < dots; ++i) { face[i].style.pixelTop = dy + 6 + (70 * Math.sin(-0.49 + dots + i / 1.9)); face[i].style.pixelLeft = dx + 4 + (70 * Math.cos(-0.49 + dots + i / 1.9)); } } } function MouseFollow() { ay = Math.round(Ay += ((Ypos) - Ay) * 4 / 15); ax = Math.round(Ax += ((Xpos) - Ax) * 4 / 15); by = Math.round(By += (ay - By) * 4 / 15); bx = Math.round(Bx += (ax - Bx) * 4 / 15); cy = Math.round(Cy += (by - Cy) * 4 / 15); cx = Math.round(Cx += (bx - Cx) * 4 / 15); dy = Math.round(Dy += (cy - Dy) * 4 / 15); dx = Math.round(Dx += (cx - Dx) * 4 / 15); clock(); setTimeout('MouseFollow()',10); }   function StartAll() { MouseFollow(); } if (document.layers || document.all) window.onload = StartAll; // End –> </script> 

　　10．极品万年历

 <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> <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 id=Clock face=Arial color=#000080 size=4 align="center"> <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>时间 style="FONT-SIZE: 18pt; COLOR: red; FONT-FAMILY: Wingdings"> <FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">û <FONT id=CITY style="FONT-SIZE: 9pt; WIDTH: 150px; COLOR: blue; FONT-FAMILY: '宋体'"></TD> <TD align=middle> <DIV style="Z-INDEX: -1; POSITION: absolute; TOP: 30px"> style="FONT-SIZE: 100pt; COLOR: #f0f0f0; FONT-FAMILY: 'Arial Black'"> 0000 JUN </DIV> <TABLE border=0> <TBODY> <TR> <TD bgColor=#000080 colSpan=7> 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>月 size=4> </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> <BUTTON style="FONT-SIZE: 9pt" onclick="pushBtm('YU')">年↑</BUTTON> <BUTTON style="FONT-SIZE: 9pt" onclick="pushBtm('YD')">年↓</BUTTON> <BUTTON style="FONT-SIZE: 9pt" onclick="pushBtm('MU')">月↑</BUTTON> <BUTTON style="FONT-SIZE: 9pt" onclick="pushBtm('MD')">月↓</BUTTON> <BUTTON style="FONT-SIZE: 9pt" onclick="pushBtm('')">当月</BUTTON> </TD></TR></TBODY></TABLE></FORM></CENTER> </body> 

　　11．状态栏滚动时钟

 <SCRIPT LANGUAGE="JavaScript"> <!-, - Hide timeID = null; timeRunning = false; function stop () { if(timeRunning) clearTimeout(timeID); timeRunning = false; } function time () { tick = new Date(); hours = tick.getHours(); minutes = tick.getMinutes(); seconds = tick.getSeconds(); day = tick.getDay(); month = tick.getMonth(); date = tick.getDate(); year = tick.getYear(); current = "" + ((hours >12) ? hours -12 :hours) current += ((minutes < 10) ? ":0" : ":") + minutes current += ((seconds < 10) ? ":0" : ":") + seconds current += (hours >= 12) ? " P.M." : " A.M." if(day==0){var weekday = " 星期日"} if(day==1){var weekday = " 星期一"} if(day==2){var weekday = " 星期二"} if(day==3){var weekday = " 星期三"} if(day==4){var weekday = " 星期四"} if(day==5){var weekday = " 星期五"} if(day==6){var weekday = " 星期六"} current +=(weekday) window.status=current; timeID = setTimeout("time()",1000); timeRunning = true; } function run(){ stop(); time(); } //--> </SCRIPT> </head> <BODY onLoad="run(); timerONE=window.setTimeout"> 

　　12．标题时钟

<SCRIPT LANGUAGE="JavaScript">  </script> 

　　13．跟着鼠标走的时钟

<SCRIPT LANGUAGE="JavaScript"> colors = new Array('330099','00ff00','ff00ff'); sCol = 'ff00ff'; mCol = '00ff00'; hCol = '330099'; H = 'Hours..'; H = H.split(''); H = H.reverse(); M = 'Minutes..'; M = M.split(''); M = M.reverse(); S = 'Seconds..'; S = S.split(''); S = S.reverse(); dots = 12; var Ypos = 0,Xpos = 0,Ybase = 0,Xbase = 0; var ay = 0, ax = 0, Ay = 0, Ax = 0, by = 0, bx = 0, By = 0, Bx = 0, cy = 0, cx = 0, Cy = 0, Cx = 0, dy = 0, dx = 0, Dy = 0, Dx = 0; count = 0; count_a = 0; move = 1; ns = (document.layers)?1:0; viz = (document.layers)?'hide':'hidden'; if (ns) { for (i = 0; i < dots; i++) document.write('<layer name=nface'+i+' top=0 left=0 bgcolor=#ffffff clip="0,0,3,3"></layer>'); for (i = 0; i < S.length; i++) document.write('<layer name=nx'+i+' top=0 left=0 width=36 height=36><center>'+S[i]+'</center></layer>'); for (i = 0; i < M.length; i++) document.write('<layer name=ny'+i+' top=0 left=0 width=36 height=36><center>'+M[i]+'</center></layer>'); for (i = 0; i < H.length; i++) document.write('<layer name=nz'+i+' top=0 left=0 width=36 height=36><center>'+H[i]+'</center></layer>'); } else{ document.write(' <div id="W" style="position:absolute;top:0px;left:0px"> <div style="position:relative">'); for (i = 0; i < dots; i++) { document.write(' <div id="face" style="position:absolute;top:0px;left:0px;width:3px;height:3px;font-size:3px;background:#ffffff"></div> '); } document.write('</div> </div> '); document.write(' <div id="X" style="position:absolute;top:0px;left:0px"> <div style="position:relative">'); for (i = 0; i < S.length; i++) { document.write(' <div id="x" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+sCol+';text-align:center;padding-top:10px">'+S[i]+'</div> '); } document.write('</div> </div> ') document.write(' <div id="Y" style="position:absolute;top:0px;left:0px"> <div style="position:relative">'); for (i = 0; i < M.length; i++) { document.write(' <div id="y" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+mCol+';text-align:center;padding-top:10px">'+M[i]+'</div> '); } document.write('</div> </div> ') document.write(' <div id="Z" style="position:absolute;top:0px;left:0px"> <div style="position:relative">'); for (i = 0; i < H.length; i++) { document.write(' <div id="z" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+hCol+';text-align:center;padding-top:10px">'+H[i]+'</div> '); } document.write('</div> </div> '); } if (ns) { window.captureEvents(Event.MOUSEMOVE); function nsMouse(evnt) { Ypos = evnt.pageY + 100; Xpos = evnt.pageX + 100; } window.onMouseMove = nsMouse; } else{ function ieMouse() { Ypos = event.y + 100; Xpos = event.x + 100; } document.onmousemove = ieMouse; } function clock() { 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; Ybase = 15; Xbase = 15; if (ns) { document.layers["nx"+0].visibility = viz; document.layers["ny"+0].visibility = viz; document.layers["nz"+0].visibility = viz; for (i = 0; i < S.length; i++) { document.layers["nx"+i].top = ay - 12 + (i * Ybase) * Math.sin(sec); document.layers["nx"+i].left = ax - 12 + (i * Xbase) * Math.cos(sec); } for (i = 0; i < M.length; i++) { document.layers["ny"+i].top = by - 12 + (i * Ybase) * Math.sin(min); document.layers["ny"+i].left = bx - 12 + (i * Xbase) * Math.cos(min); } for (i = 0; i < H.length; i++) { document.layers["nz"+i].top = cy - 12 + (i * Ybase) * Math.sin(hrs); document.layers["nz"+i].left = cx - 12 + (i * Xbase) * Math.cos(hrs); } for (i = 0; i < dots; ++i) { document.layers["nface"+i].top = dy - 2 + (70 * Math.sin(-0.49+dots+i/1.9)); document.layers["nface"+i].left = dx + 4 + (70 * Math.cos(-0.49+dots+i/1.9)); } } else { var scrll = document.body.scrollTop; W.style.pixelTop = scrll; X.style.pixelTop = scrll; Y.style.pixelTop = scrll; Z.style.pixelTop = scrll; x[0].style.visibility=viz; y[0].style.visibility = viz; z[0].style.visibility = viz; for (i = 0; i < S.length; i++) { x[i].style.pixelTop = ay - 12 + (i * Ybase) * Math.sin(sec); x[i].style.pixelLeft = ax - 12 + (i * Xbase) * Math.cos(sec); } for (i = 0; i < M.length; i++) { y[i].style.pixelTop = by - 12 + (i * Ybase) * Math.sin(min); y[i].style.pixelLeft = bx - 12 + (i * Xbase) * Math.cos(min); } for (i = 0; i < H.length; i++) { z[i].style.pixelTop = cy - 12 + (i * Ybase) * Math.sin(hrs); z[i].style.pixelLeft = cx - 12 + (i * Xbase) * Math.cos(hrs); } for (i = 0; i < dots; ++i) { face[i].style.pixelTop = dy + 6 + (70 * Math.sin(-0.49 + dots + i / 1.9)); face[i].style.pixelLeft = dx + 4 + (70 * Math.cos(-0.49 + dots + i / 1.9)); } } } function MouseFollow() { ay = Math.round(Ay += ((Ypos) - Ay) * 4 / 15); ax = Math.round(Ax += ((Xpos) - Ax) * 4 / 15); by = Math.round(By += (ay - By) * 4 / 15); bx = Math.round(Bx += (ax - Bx) * 4 / 15); cy = Math.round(Cy += (by - Cy) * 4 / 15); cx = Math.round(Cx += (bx - Cx) * 4 / 15); dy = Math.round(Dy += (cy - Dy) * 4 / 15); dx = Math.round(Dx += (cx - Dx) * 4 / 15); clock(); setTimeout('MouseFollow()',10); } function colorstep() { count +=move; if (count >= dots) {count=0;count_a += move} if (count_a == colors.length) count_a = 0; if (ns) document.layers["nface"+count].bgColor = colors[count_a]; else face[count].style.background = colors[count_a]; setTimeout('colorstep()',100) } function StartAll() { MouseFollow(); colorstep(); } if (document.layers || document.all) window.onload = StartAll;   </script> 

　　14．世界各国时间

<body onLoad="javascript:GetTime();"> <SCRIPT LANGUAGE="JavaScript">   function GetTime() { var dt = new Date(); var def = dt.getTimezoneOffset()/60; var gmt = (dt.getHours() + def); document.clock.local.value = (IfZero(dt.getHours()) + ":" + IfZero(dt.getMinutes()) + ":" + IfZero(dt.getSeconds())); var ending = ":" + IfZero(dt.getMinutes()) + ":" + IfZero(dt.getSeconds()); var rome =check24(((gmt + 1) > 24) ? ((gmt + 1) - 24) : (gmt + 1)); document.clock.rome.value = (IfZero(rome) + ending); var isr =check24(((gmt + 2) > 24) ? ((gmt + 2) - 24) : (gmt + 2)); document.clock.Israel.value = (IfZero(isr) + ending); var msw =check24(((gmt + 3) > 24) ? ((gmt + 3) - 24) : (gmt + 3)); document.clock.msw.value = (IfZero(msw) + ending); var baku =check24(((gmt + 4) > 24) ? ((gmt + 4) - 24) : (gmt + 4)); document.clock.baku.value = (IfZero(baku) + ending); var del =check24(((gmt + 5) > 24) ? ((gmt + 5) - 24) : (gmt + 5)); document.clock.del.value = (IfZero(del) + ending); var dh =check24(((gmt + 6) > 24) ? ((gmt + 6) - 24) : (gmt + 6)); document.clock.dh.value = (IfZero(dh) + ending); var kok =check24(((gmt +7 ) > 24) ? ((gmt +7 ) - 24) : (gmt + 7)); document.clock.kok.value = (IfZero(kok) + ending); var ho =check24(((gmt + <img src='http://www.cnspica.com/wp-includes/images/smilies/icon_cool.gif' alt='8)' class='wp-smiley' /> > 24) ? ((gmt + <img src='http://www.cnspica.com/wp-includes/images/smilies/icon_cool.gif' alt='8)' class='wp-smiley' /> - 24) : (gmt + 8)); document.clock.ho.value = (IfZero(ho) + ending); var tky =check24(((gmt + 9) > 24) ? ((gmt + 9) - 24) : (gmt + 9)); document.clock.tky.value = (IfZero(tky) + ending); var sdn =check24(((gmt + 10) > 24) ? ((gmt + 10) - 24) : (gmt + 10)); document.clock.sdn.value = (IfZero(sdn) + ending); var mag =check24(((gmt + 11) > 24) ? ((gmt + 11) - 24) : (gmt + 11)); document.clock.mag.value = (IfZero(mag) + ending); var wll =check24(((gmt + 12) > 24) ? ((gmt + 12) - 24) : (gmt + 12)); document.clock.wll.value = (IfZero(wll) + ending); var _GMT =check24(((gmt) > 24) ? ((gmt) - 24) : (gmt)); document.clock._GMT.value = (IfZero(_GMT) + ":" + IfZero(dt.getMinutes()) + ":" + IfZero(dt.getSeconds())); var eniw =check24(((gmt + (24-12)) > 24) ? ((gmt + (24-12)) - 24) : (gmt + (24-12))); document.clock.eniw.value = (IfZero(eniw) + ending); var sam =check24(((gmt + (24-11)) > 24) ? ((gmt + (24-11,, , )) - 24) : (gmt + (24-11))); document.clock.sam.value = (IfZero(sam) + ending); var haw =check24(((gmt + (24-10)) > 24) ? ((gmt + (24-10)) - 24) : (gmt + (24-10))); document.clock.Hawaii.value = (IfZero(haw) + ending); var ala =check24(((gmt + (24-9)) > 24) ? ((gmt + (24-9)) - 24) : (gmt + (24-9))); document.clock.alaska.value = (IfZero(ala) + ending); var pacif =check24(((gmt + (24-8)) >= 24) ? ((gmt + (24-8)) - 24) : (gmt + (24-8))); document.clock.pacif.value = (IfZero(pacif) + ending); var mount =check24(((gmt + (24-7)) > 24) ? ((gmt + (24-7)) - 24) : (gmt + (24-7))); document.clock.mount.value = (IfZero(mount) + ending); var center =check24(((gmt + (24-6)) > 24) ? ((gmt + (24-6)) - 24) : (gmt + (24-6))); document.clock.center.value = (IfZero(center) + ending); var east =check24(((gmt + (24-5)) > 24) ? ((gmt + (24-5)) - 24) : (gmt + (24-5))); document.clock.east.value = (IfZero(east) + ending); var atl =check24(((gmt + (24-4)) > 24) ? ((gmt + (24-4)) - 24) : (gmt + (24-4))); document.clock.atl.value = (IfZero(atl) + ending); var bra =check24(((gmt + (24-3)) > 24) ? ((gmt + (24-3)) - 24) : (gmt + (24-3))); bra = (bra >= 24) ? bra - 24 : bra; document.clock.bra.value = (IfZero(bra) + ending); var mid =check24(((gmt + (24-2)) > 24) ? ((gmt + (24-2)) - 24) : (gmt + (24-2))); mid = (mid >= 24) ? mid - 24 : mid; document.clock.mid.value = (IfZero(mid) + ending); var azo =check24(((gmt + (24-1)) > 24) ? ((gmt + (24-1)) - 24) : (gmt + (24-1))); azo = (azo >= 24) ? azo - 24 : azo; document.clock.azo.value = (IfZero(azo) + ending); setTimeout("GetTime()", 1000); } function IfZero(num) { return ((num <= 9) ? ("0" + num) : num); } function check24(hour) { return (hour >= 24) ? hour - 24 : hour; } </script> <center> <form name="clock"> Local Time <input type="text" size="8" name="local"> Eniwetok (GMT-12) <input type="text" size="8" name="eniw"> Samoa (GMT-11) <input type="text" size="8" name="sam"> Hawaii (GMT-10) <input type="text" size="8" name="Hawaii"> Alaska (GMT-9) <input type="text" size="8" name="alaska"> Pacific Time (GMT-8) <input type="text" size="8" name="pacif"> Mountain Time (GMT-7) <input type="text" size="8" name="mount"> Central Time (GMT-6) <input type="text" size="8" name="center"> Eastern Time (GMT-5) <input type="text" size="8" name="east"> Atlantic Time (GMT-4) <input type="text" size="8" name="atl"> Brazilia (GMT-3) <input type="text" size="8" name="bra"> Mid-Atlantic (GMT-2) <input type="text" size="8" name="mid"> Azores (GMT-1) <input type="text" size="8" name="azo"> Greenwich Mean Time (GMT) <input type="text" size="8" name="_GMT"> Rome (GMT +1) <input type="text" size="8" name="rome"> Israel (GMT +2) <input type="text" size="8" name="Israel"> Moscow (GMT +3) <input type="text" size="8" name="msw"> Baku (GMT +4) <input type="text" size="8" name="baku"> New Delhi (GMT +5) <input type="text" size="8" name="del"> Dhakar (GMT +6) <input type="text" size="8" name="dh"> Bangkok (GMT +7) <input type="text" size="8" name="kok"> Hong Kong (GMT +8) <input type="text" size="8" name="ho"> Tokyo (GMT +9) <input type="text" size="8" name="tky"> Sydney (GMT +10) <input type="text" size="8" name="sdn"> Magadan (GMT +11) <input type="text" size="8" name="mag"> Wellington (GMT +12) <input type="text" size="8" name="wll"> </form> </center> 

　　15．有开关功能的时钟

<script language="JavaScript">   var enabled = 0; function TOfunc() { TO = window.setTimeout( "TOfunc()", 1000 ); var today = new Date(); document.clock.disp.value = today.toLocaleString(); } </script> <form name="clock"> <input type="text" name="disp" value="" size=20 onFocus="this.blur()" > <input type="radio" name="rad" value="OFF" checked onClick=" if( enabled==1 ) { document.clock.disp.value=''; clearTimeout( TO ); enabled = 0; } "> 关 <input type="radio" name="rad" value="on" onClick=" if( enabled == 0 ) { var TO = setTimeout( 'TOfunc()', 1000 ); enabled = 1; }" > 开 </form> 

　　16．停留时间

<script language="JAVASCRIPT">   var ap_name = navigator.appName; var ap_vinfo = navigator.appVersion; var ap_ver = parseFloat(ap_vinfo.substring(0,ap_vinfo.indexOf('('))); var time_start = new Date(); var clock_start = time_start.getTime(); var dl_ok=false; function init () { if(ap_name=="Netscape" && ap_ver>=3.0) dl_ok=true; return true; } function get_time_spent () { var time_now = new Date(); return((time_now.getTime() - clock_start)/1000); } function show_secs () // show the time user spent on the side { var i_total_secs = Math.round(get_time_spent()); var i_secs_spent = i_total_secs % 60; var i_mins_spent = Math.round((i_total_secs-30)/60); var s_secs_spent = "" + ((i_secs_spent>9) ? i_secs_spent : "0" + i_secs_spent); var s_mins_spent = "" + ((i_mins_spent>9) ? i_mins_spent : "0" + i_mins_spent); document.fm0.time_spent.value = s_mins_spent + ":" + s_secs_spent; window.setTimeout('show_secs()',1000); } // --> </script> <BODY onLoad="init(); window.setTimeout('show_secs()',1);"> <FORM name="fm0" onSubmit="0">停留时间: <INPUT type="text" name="time_spent" size=7 onFocus="this.blur()"></FORM> 

　　17．背景时钟

<script language=javaScript>   function clockon() { thistime= new Date() var hours=thistime.getHours() var minutes=thistime.getMinutes() var seconds=thistime.getSeconds() if (eval(hours) <10) {hours="0"+hours} if (eval(minutes) < 10) {minutes="0"+minutes} if (seconds < 10) {seconds="0"+seconds} thistime = hours+":"+minutes+":"+seconds if(document.all) { bgclocknoshade.innerHTML=thistime bgclockshade.innerHTML=thistime } if(document.layers) { document.bgclockshade.document.write(' <div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Verdana;color:FFAAAAA;font-size:120px;top:10px;left:152px">'+thistime+'</div> ') document.bgclocknoshade.document.write(' <div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Verdana;color:DDDDDD;font-size:120px;top:10px;left:150px">'+thistime+'</div> ') document.close() } var timer=setTimeout("clockon()",200) } //--> </script> <link rel="stylesheet" href="../style.css"> </head> <body onLoad="clockon()"> <div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Arial;color:FF8888;font-size:120px;top:102px;left:152px"></div> <div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Arial;color:DDDDDD;font-size:120px;top:100px;left:150px"></div> <div id="mainbody" style="position:absolute; visibility:visible"> </div> 

　　18．显示最后更新时间

<SCRIPT language=JavaScript>   document.write("最后更新时间: " + document.lastModified + "") </SCRIPT> 

　　19．显示今天是多少号

<script LANGUAGE="JavaScript">   function number(index1){ var numberstring="一二三四五六七八九十"; if(index1 ==0) {document.write("十")} if(index1 < 10){ document.write(numberstring.substring(0+(index1-1),index1))} else if(index1 < 20 ){ document.write("十"+numberstring.substring(0+(index1-11),(index1-10)))} else if(index1 < 30 ){ document.write("二十"+numberstring.substring(0+(index1-21),(index1-20)))} else{ document.write("三十"+numberstring.substring(0+(index1-31),(index1-30)))} } var today1 = new Date() var month = today1.getMonth()+1 var date = today1.getDate() var day = today1.getDay() document.write(" <center>") document.write("今天是：二零零一年") number(month) document.write("月") number(date) document.write("日<center>") </script> 

　　20．水中倒影时钟

 <style type="text/css">  </style> <style type="text/css"> </style> <script Language="JavaScript"> </script> <body onLoad="init()"> <div 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> 

　　21．根据时间不同，给不同的问候

<script language="LiveScript">   now = new Date(),hour = now.getHours() if(hour < 6){document.write("明天不用上班了吗?")} else if (hour < 8){document.write("全新的一天!")} else if (hour < 12){document.write("早安!")} else if (hour < 14){document.write("外面太阳大吗？")} else if (hour < 18){document.write("午安!")} else if (hour < 22){document.write("晚上好!")} else if (hour < 24){document.write("夜深了! 要注意身体呀! 祝你做个好梦!")} </script> 

　　22．类日历附详细说明

 <style type="text/css"> .body,td{ font-family:"Arial"; font-size:8pt; color:#000000; } .TrOut{ background:#dddddd; height:26; border:1 solid #999999; border-top-color:#f4f4f4; border-left-color:#f4f4f4; } .TdOver{ background:#eeeeee; height:20; border:1 solid #ffffff; border-top-color:#9c9c9c; border-left-color:#9c9c9c; } .TdOut{ background:#eeeeee; height:20; border:1 solid #9c9c9c; border-top-color:#ffffff; border-left-color:#ffffff; } </style> <script language="JScript"> /********************************************************* 迷你日历1.0版本如果下列代码发现bug请联系 Flashsoft2000@hotmail.com 函数 TableFunction 提供以下方法和属性: 1.GetDateStr() 返回指定年月的日期的数组,包括空字符. 参数: y是指年 m是指月调用方式:TableFunction().GetDateStr(Year,Month) 2.GetTableStr() 返回指定年月的已经格式化了的表格参数: y是指年 m是指月调用方式:TableFunction().GetTableStr(Year,Month) 3.WriteSelect() 返回年月的选择框参数: obj是指需要加入选择框的容器 values是指需要加亮的项目 action是指参数,带入参数y表示是年选择框,带入参数m表示月选择框 getobj是指在哪个控件上触发的事件,其中true为非当前选择框触发而false则为当前选择框触发调用方式:TableFunction().WriteSelect(obj,values,action,getobj) 4.RewriteTableStr() 复位重写表格中的日期参数: y是指年 m是指月调用方式:TableFunction().RewriteTableStr(Year,Month) 5.JumpToRun() 左右控制表格中的月变化参数: action表示日历是前进还是后退调用方式:TableFunction().JumpToRun(action) 6.AlertDay() 提示当前点击的位置的日期参数: 无调用方式:TableFunction().AlertDay() *********************************************************/ function TableFunction(){ this.GetDateStr=function(y,m){ this.DayArray=[]; for(var i=0;i<42;i++)this.DayArray[i]=" "; for(var i=0;i<new Date(y,m,0).getDate();i++)this.DayArray[i+new Date(y,m-1,1).getDay()]=i+1; return this.DayArray; } this.GetTableStr=function(y,m){ this.DateArray=["日","一","二","三","四","五","六"]; this.DStr=" <table oncontextmenu='return false' onselectstart='return false' style='width:160;cursor:default;border:1 solid #9c9c9c;border-right:0;border-bottom:0;filter:progid:dximagetransform.microsoft.dropshadow(color=#e3e3e3,offx=3,offy=3,positive=true)' border='0' cellpadding='0' cellspacing='0'>\n"+ " <tr> <td colspan='7' class='TrOut'>"+ " <table width='100%' height='100%'border='0' cellpadding='0' cellspacing='0'> <tr align='center'>\n"+ " <td width='20' style='font-family:\"webdings\";font-size:9pt' onclick='TableFunction().JumpToRun(\"b\")' onmouseover='this.style.color=\"#ff9900\"' onmouseout='this.style.color=\"\"'>3</td> \n"+ " <td id='YearTD' width='70' onmouseover='this.style.background=\"#cccccc\"' onmouseout='this.style.background=\"\"' onclick='TableFunction().WriteSelect(this,this.innerText.split(\" \")[0],\"y\",false)'>"+y+" 年</td> \n"+ " <td id='MonthTD' width='47' onmouseover='this.style.background=\"#cccccc\"' onmouseout='this.style.background=\"\"' onclick='TableFunction().WriteSelect(this,this.innerText.split(\" \")[0],\"m\",false)'>"+m+" 月</td> \n"+ " <td width='20' style='font-family:\"webdings\";font-size:9pt' onclick='TableFunction().JumpToRun(\"n\")' onmouseover='this.style.color=\"#ff9900\"' onmouseout='this.style.color=\"\"'>4</td> </tr> </table> \n"+ "</td> </tr> \n"+ " <tr align='center'>\n"; for(var i=0;i<7;i++) this.DStr+=" <td class='TrOut'>"+DateArray[i]+"</td> \n"; this.DStr+="</tr> \n"; for(var i=0;i<6;i++){ this.DStr+=" <tr align='center'>\n"; for(var j=0;j<7;j++){ var CS=new Date().getDate()==this.GetDateStr(y,m)[i*7+j]?"TdOver":"TdOut"; this.DStr+=" <td id='TD' class='"+CS+"' cs='"+CS+"' onmouseover='this.className=\"TdOver\"' onmouseout='if(this.cs!=\"TdOver\")this.className=\"TdOut\"' onclick='TableFunction().AlertDay()'>"+this.GetDateStr(y,m)[i*7+j]+"</td> \n"; } this.DStr+="</tr> \n"; } this.DStr+="</tabe>"; return this.DStr; } this.WriteSelect=function(obj,values,action,getobj){ if(values=="")return; if(getobj){ obj.innerHTML=values+(action=="y"?" 年":" 月"); this.RewriteTableStr(YearTD.innerText.split(" ")[0],MonthTD.innerText.split(" ")[0]); return false; } var StrArray=[]; if(action=="y"){ for(var i=0;i<15;i++){ var year=values-7+i; StrArray[i]=" <option value='"+year+"' "+(values==year?"selected":"")+"> "+year+"年</option> \n"; } obj.innerHTML="<select id='select1' style='width:67' onchange='TableFunction().WriteSelect(parentElement,this.value,\"y\",true)' onblur='YearTD.innerText=this.value+\" 年\"'>\n"+StrArray.join("")+"</select>"; select1.focus(); } if(action=="m"){ for(var i=1;i<13;i++) StrArray[i]=" <option value='"+i+"' "+(i==values?"selected":"")+"> "+i+"月</option> \n"; obj.innerHTML="<select id='select2' style='width:47' onchange='TableFunction().WriteSelect(parentElement,this.value,\"m\",true)' onblur='MonthTD.innerText=this.value+\" 月\"'>\n"+StrArray.join("")+"</select>"; select2.focus(); } } this.RewriteTableStr=function(y,m){ var TArray=this.GetDateStr(y,m); var len=TArray.length; for(var i=0;i<len;i++){ TD[i].innerHTML=TArray[i]; TD[i].className="TdOut"; TD[i].cs="TdOut"; if(new Date().getYear()==y&&new Date().getMonth()+1==m&&new Date().getDate()==TArray[i]){ TD[i].className="TdOver"; TD[i].cs="TdOver"; } } } this.JumpToRun=function(action){ var YearNO=YearTD.innerText.split(' ')[0]; var MonthNO=MonthTD.innerText.split(' ')[0]; if(action=="b"){ if(MonthNO=="1"){ MonthNO=13; YearNO=YearNO-1; } MonthTD.innerText=MonthNO-1+" 月"; YearTD.innerText=YearNO+" 年"; this.RewriteTableStr(YearNO,MonthNO-1); } if(action=="n"){ if(MonthNO=="12"){ MonthNO=0; YearNO=YearNO-(-1); } YearTD.innerText=YearNO+" 年"; MonthTD.innerText=MonthNO-(-1)+" 月"; this.RewriteTableStr(YearNO,MonthNO-(-1)); } } this.AlertDay=function(){ if(event.srcElement.innerText!=" ") alert(YearTD.innerText.split(' ')[0]+"年"+MonthTD.innerText.split(' ')[0]+"月"+event.srcElement.innerText+"日"); } return this; } document.write(TableFunction().GetTableStr(new Date().getYear(),new Date().getMonth()+1)); </script> 

　　23．温度计式样的时间

 <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">'+i+' |</td> '; t+=' <td> </td> </tr> <tr> <td align="center">时: </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">分: </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">秒: </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"> | '+i+'</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>

发表评论 | Trackback

目前还没有任何评论.

您必须在登录后才能发布评论.

2012 年二月

一二三四五六日

« 六

1 2 3 4 5

6 7 8 9 10 11 12

13 14 15 16 17 18 19

20 21 22 23 24 25 26

27 28 29
分类目录
- AJAX JS
- Android
- ARTICLE
- ASP
- COMPUTER
- D/XHTML CSS
- DB
- DESIGN
- FLASH
- JAVA
- network
- PHP
- SYSTEM
- 未分类
功能
- 注册
- 登录
- 文章 RSS
- 评论 RSS
- WordPress.org
标签
北京纪事对白开源程序房地产经济正则男人必读编码老婆股市经济项目管理 mingle ajax apache AVAYA cisco pix515e css CTI flex HTTP JAVA javascript memcached php Mysql PHP php qq sns Server Server Monitor sns flash 多图上传 VDN

2012 年二月
一	二	三	四	五	六	日
« 六
	1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29

« 来总结下cookie 用VBScript实现对Windows注册表的修改 »

置顶

js特效－－时间

分类目录

功能

标签