JavaScript脚本静态/动态显示系统时间

JavaScript显示系统时间，显示年月日时分秒和星期，每秒自动刷新，并加入日期颜色区别：

星期一至星期五显示为黑色
星期六显示为绿色
星期日显示为红色

可自行修改代码来显示不同颜色，和添加新的功能。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <FCK:meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JavaScript 时间显示</title> </head> <body> <span id=localtime></span> <script type="text/javascript"> function showLocale(objD) { var str,colorhead,colorfoot; var yy = objD.getYear(); if(yy<1900) yy = yy+1900; var MM = objD.getMonth()+1; if(MM<10) MM = '0' + MM; var dd = objD.getDate(); if(dd<10) dd = '0' + dd; var hh = objD.getHours(); if(hh<10) hh = '0' + hh; var mm = objD.getMinutes(); if(mm<10) mm = '0' + mm; var ss = objD.getSeconds(); if(ss<10) ss = '0' + ss; var ww = objD.getDay(); if ( ww==0 ) colorhead="<font color=\"#FF0000\">"; if ( ww > 0 && ww < 6 ) colorhead="<font color=\"#373737\">"; if ( ww==6 ) colorhead="<font color=\"#008000\">"; if (ww==0) ww="星期日"; if (ww==1) ww="星期一"; if (ww==2) ww="星期二"; if (ww==3) ww="星期三"; if (ww==4) ww="星期四"; if (ww==5) ww="星期五"; if (ww==6) ww="星期六"; colorfoot="</font>" str = colorhead + yy + "-" + MM + "-" + dd + " " + hh + ":" + mm + ":" + ss + " " + ww + colorfoot; return(str); } function tick() { var today; today = new Date(); document.getElementById("localtime").innerHTML = showLocale(today); window.setTimeout("tick()", 1000); } tick(); </script> <p>查找更多代码，请访问：<a href="http://www.eduyo.com" _fcksavedurl="http://www.eduyo.com" target="_blank">网站教学网</a></p> </body> </html>
[站长教学网提示：Ctrl+A全选/可修改后代码再运行！]

效果演示：

风格一:	星期一,8月13日,2007年
风格二:	2:33:40下午
风格三:	星期一,8月13日,2007年 2:33:40下午
风格四:	8/13/07
风格五:	14:33:40
风格六:	Mon Aug 13 14:33:40 UTC+0800 2007

<SCRIPT language="javascript">  </SCRIPT>
[站长教学网提示：Ctrl+A全选/可修改后代码再运行！]

实时动态的变化时间

(责任编辑：ken)

搜索

热门标签:

JavaScript脚本静态/动态显示系统时间