« | August 2025 | » | 日 | 一 | 二 | 三 | 四 | 五 | 六 | | | | | | 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 | 30 | 31 | | | | | | | |
| 公告 |
暂无公告... |
Blog信息 |
blog名称:fermos_blog 日志总数:73 评论数量:261 留言数量:30 访问次数:396677 建立时间:2005年3月27日 |

| |
经典时间代码集锦 电脑与网络
fermos的博客 发表于 2005/9/8 5:59:06 |
经典时间代码集锦
[日期:2005-08-04]
来源:网奇 作者:漂流瓶
[字体:大 中 小]
实时走动的数字时钟
<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 - 12hours = 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.lengthfor(var i=0;i<this.length;i++)this[i+1]=initArray.arguments[i] }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="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.lengthfor(var i=0;i<this.length;i++)this[i+1]=initArray.arguments[i] }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]," ",timevalue); //--></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"><!-- HidetimeID = 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" : ":") + minutescurrent += ((seconds < 10) ? ":0" : ":") + secondscurrent += (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 browsersdocument.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 - 12hours = 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>
|
|
回复:经典时间代码集锦 电脑与网络
garbo(游客)发表评论于2006/4/15 14:00:51 |
|
回复:经典时间代码集锦 电脑与网络
SS(游客)发表评论于2006/4/2 11:24:01 |
<LINK href="http://www.itbulo.net/skin/book/wordpad.css" type=text/css rel=stylesheet> <script language=JavaScript>today=new Date();function date(){this.length=date.arguments.lengthfor(var i=0;i<this.length;i++)this[i+1]=date.arguments[i] }var d=new date("<font color=red>星期日</font>","星期一","星期二","星期三","星期四","星期五","<font color=green>星期六</font>");document.write("<b>",today.getYear(),"</b>年<b>",today.getMonth()+1,"</b>月<b>",today.getDate(),"</b>日 ","<a href='http://www.itbulo.net/user_index.asp' target='_blank'>",d[today.getDay()+1],"</a>");</script> |
|
回复:经典时间代码集锦 电脑与网络
jiangwei(游客)发表评论于2005/11/9 8:29:55 |
|
回复:经典时间代码集锦 电脑与网络
jiangwei(游客)发表评论于2005/11/9 8:29:54 |
|
» 1 »
|