时间特效代码:JavaScript打造系统时间显示_引导线--|IT资讯|网页制作|网页设计|平面设计|网站优化

时间特效代码:JavaScript打造系统时间显示

引导线网页制作网提示您：时间特效代码: JavaScript 打造系统时间显示，显示年月日时分秒和星期，每秒自动刷新，并加入日期颜色区别: 星期一至星期五显示为黑色星期六显示为绿色星期日显示为红色 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/T

时间特效代码: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> </body> </html>
[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

文章由引导线网页制作网整理发布！欢迎大家转载！

引导线

时间特效代码:JavaScript打造系统时间显示

Tag：JavaScript时间特效系统时间

Tag：JavaScript 时间特效系统时间