| 经典时间代码集锦 | ★★★★ |
经典时间代码集锦 | 副标题: | 作者:jikin 文章来源:本站原创 点击数:
334 更新时间:2005-2-3 | | | 实时走动的数字时钟 <script> function tick() { var hours, minutes, seconds, xfile; var intHours, intMinutes, intSeconds; var today; today = new Date(); intHours = today.getHours(); intMinutes = today.getMinutes(); intSeconds = today.getSeconds(); if (intHours == 0) { hours = "12:"; xfile = "午夜"; } else if (intHours < 12) { hours = intHours+":"; xfile = "上午"; } else if (intHours == 12) { hours = "12:"; xfile = "正午"; } else { intHours = intHours - 12 hours = intHours + ":"; xfile = "下午"; } if (intMinutes < 10) { minutes = "0"+intMinutes+":"; } else { minutes = intMinutes+":"; } if (intSeconds < 10) { seconds = "0"+intSeconds+" "; } else { seconds = intSeconds+" "; } timeString = xfile+hours+minutes+seconds; Clock.innerHTML = timeString; window.setTimeout("tick();", 100); } window.onload = tick; </script> 第二步.将下面的代码加入html文件任意需要的地方 <div id="Clock" align="center" style="font-size: 20; color:#000000"></div> 你可以自行更改样式! 显示年月日格式的时间代码 <script language=javascript> today=new Date(); function initArray(){ this.length=initArray.arguments.length for(var i=0;i<this.length;i++) this[i+1]=initArray.arguments } var d=new initArray( "星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"); document.write( "<font color=##000000 style='font-size:9pt;font-family: 宋体'> ", today.getYear(),"年", today.getMonth()+1,"月", today.getDate(),"日", d[today.getDay()+1], "</font>" ); 显示日期,星期,时间格式的代码 <script language="[i]javascript"> <!--- today=new Date(); var hours = today.getHours(); var minutes = today.getMinutes(); var seconds = today.getSeconds(); var timevalue = "<FONT COLOR=black>" + ((hours >12) ? hours -12 :hours); timevalue += ((minutes < 10) ? "<BLINK> <FONT COLOR=black>:</FONT></BLINK>0" : "<BLINK><FONT COLOR=black>:</FONT></BLINK>") + minutes+"</FONT></FONT>"; timevalue += (hours >= 12) ? "<FONT COLOR=blue><I><B>pm</B></I></FONT>" : "<FONT COLOR=blue><B><I>am</I></B></FONT>"; function initArray(){ this.length=initArray.arguments.length for(var i=0;i<this.length;i++) this[i+1]=initArray.arguments } var d=new initArray("<font color=RED>星期日","<font color=black>星期一","<font color=black>星期二","<font color=black>星期 三","<font color=black>星期四","<font color=black>星期五","<font color=red>星期六"); document.write ("<font color=black>",today.getYear(),"<font color=black>年","<font color=black>",today.getMonth()+1,"<font color=black> 月","<font color=black>",today.getDate(),"<font color=black>日 </FONT>",d[today.getDay()+1]," ",time[i]value); //--> </script> 显示来访者的停留时间 <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> <FORM name="fm0" onSubmit="0"><FONT COLOR="#6060FF">停留时间: </FONT><INPUT type="text" name="time_spent" size=7 onFocus="this.blur()"></FORM> 第二步:在你主页源文件<body>中加入下面代码的兰色部分 <BODY onLoad="init(); window.setTimeout('show_secs()',1);"> 显示当前日期与时间的格式 <script language="javascript"> <!-- now = new Date() hour = now.getHours() if (hour < 12) { document.write("现在是: " + now.toLocaleString()) } else if (hour < 18){ document.write("现在是: " + now.toLocaleString()) } else if (hour >= 18) { document.write("现在是: " + now.toLocaleString()) } // --></script> 浏览器状态栏显示的时钟 <BODY onLoad="run(); timerONE=window.setTimeout"></BODY> <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> 显示最后更新时间代码 <SCRIPT language=javascript> <!--hide script from old browsers document.write("最后更新时间: " + document.lastModified + "") // end hiding --> </SCRIPT> 实时走动的数字时钟 <script> function tick() { var hours, minutes, seconds, xfile; var intHours, intMinutes, intSeconds; var today; today = new Date(); intHours = today.getHours(); intMinutes = today.getMinutes(); intSeconds = today.getSeconds(); if (intHours == 0) { hours = "12:"; xfile = "午夜"; } else if (intHours < 12) { hours = intHours+":"; xfile = "上午"; } else if (intHours == 12) { hours = "12:"; xfile = "正午"; } else { intHours = intHours - 12 hours = intHours + ":"; xfile = "下午"; } if (intMinutes < 10) { minutes = "0"+intMinutes+":"; } else { minutes = intMinutes+":"; } if (intSeconds < 10) { seconds = "0"+intSeconds+" "; } else { seconds = intSeconds+" "; } timeString = xfile+hours+minutes+seconds; Clock.innerHTML = timeString; window.setTimeout("tick();", 100); } window.onload = tick; </script> <div id="Clock" style="font-size: 20; color:#000000"></div> 根据不同的时间显示不同的问候语 方法:在主页中你需要的地方加入以下代码: <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> 说明,可以自行修改出更好更多的问候语! 一个很酷的透明时钟代码 方法:在页面中你需要的地方加入下面的代码 <STYLE type=text/css> BODY {COLOR: #000000; FONT-FAMILY: "宋体"; FONT-SIZE: 9pt; LINE-HEIGHT: 13pt} TD {COLOR: #000000; FONT-FAMILY: "宋体"; FONT-SIZE: 9pt; LINE-HEIGHT: 13pt} A:visited {COLOR: #000080;text-decoration:none} a:link { text-decoration:none } a:hover { text-decoration:underline } .f12 {font-size:12px;} .f13 {font-size:14.9px; LINE-HEIGHT: 120%} .f24 {font-size:24px;LINE-HEIGHT: 120%} .f14 {font-size:14.9px; LINE-HEIGHT: 170%} </STYLE> <script LANGUAGE="javascript"> Zp=670;H='....';H=H.split('');M='.....';M=M.split('');S='......';S=S.split('');Yp=0;Xp=0;Yb=8;Xb=8;d_=12; ns=(document.layers)?1:0;fCol='222222';sCol='ff0000';mCol='0000ee';hCol='green';if (ns){dgts='1 2 3 4 5 6 7 8 9 10 11 12'; dgts=dgts.split(' ');for (i=0;i<d_;i++){document.write('<layer name=nsDigits'+i+' top=0 left=0 height=30 width=30> <center><font face=Arial,Verdana size=1 color='+fCol+'>'+dgts[i]+'</font></center></layer>');}for (i=0;i<M.length;i++) {document.write('<layer name=ny'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"></layer>');}for (i=0;i<H.length;i++) {document.write('<layer name=nz'+i+' top=0 left=0 bgcolor='+hCol+' clip="0,0,2,2"></layer>');}for (i=0;i<S.length;i++) {document.write('<layer name=nx'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,2,2"></layer>');}}else{document.write(' <div style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i=1;i<d_+1;i++){document.write ('<div id="ieDigits" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial,Verdana;font-size: 10px;color:'+fCol+';text-align:center;padding-top:10px">'+i+'</div>');}document.write('</div></div>');document.write ('<div 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:2px;height:2px;font-size:2px;background:'+mCol+'"></div>');}document.write('</div> </div>');document.write('</div></div>');document.write('<div 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:2px;height:2px;font-size:2px;background:'+hCol+'"></div>');}document.write('</div> </div>');document.write('<div 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:2px;height:2px;font-size:2px;background:'+sCol+'"> </div>');}document.write('</div></div>');}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.57+Math.PI*hr/6+Math.PI*parseInt(time.getMinutes ())/360;if (ns){Yp=window.pageYOffset+window.innerHeight-60;Xp=80;}else {Yp=document.body.scrollTop+window.document.body.clientHeight-60;Xp=document.body.scrollLeft+60;}if (ns){for (i=0;i<d_;++i) {document.layers["nsDigits"+i].top=Yp-5+40*Math.sin(-0.49+d_+i/1.9);document.layers["nsDigits"+i].left=Xp-15+40*Math.cos(-0.49 +d_+i/1.9);}for (i=0;i<S.length;i++){document.layers["nx"+i].top=Yp+i*Yb*Math.sin(sec);document.layers ["nx"+i].left=Xp+i*Xb*Math.cos(sec);}for (i=0;i<M.length;i++){document.layers["ny"+i].top=Yp+i*Yb*Math.sin(min);document.layers ["ny"+i].left=Xp+i*Xb*Math.cos(min);}for (i=0;i<H.length;i++){document.layers["nz"+i].top=Yp+i*Yb*Math.sin(hrs);document.layers ["nz"+i].left=Xp+i*Xb*Math.cos(hrs);}}else{for (i=0;i<d_;++i){ieDigits[i].style.pixelTop=Yp-15+40*Math.sin(-0.49+d_+i/ 1.9);ieDigits[i].style.pixelLeft=Xp-14+40*Math.cos(-0.49+d_+i/1.9)+Zp;}for (i=0;i<S.length;i++){x [i].style.pixelTop=Yp+i*Yb*Math.sin(sec);x[i].style.pixelLeft=Xp+i*Xb*Math.cos(sec)+Zp;}for (i=0;i<M.length;i++){y [i].style.pixelTop=Yp+i*Yb*Math.sin(min);y[i].style.pixelLeft=Xp+i*Xb*Math.cos(min)+Zp;}for (i=0;i<H.length;i++){z [i].style.pixelTop=Yp+i*Yb*Math.sin(hrs);z[i].style.pixelLeft=Xp+i*Xb*Math.cos(hrs)+Zp;}}setTimeout('clock()', 50);}
if (document.layers || document.all) {window.onload=clock;} window.onload=clock; </script> 备注:复制的时候把一些多余的空格删除即可
|
|