网页特效代码:JavaScript显示系统时间_电脑软硬件应用网_国内最受关注的计算机应用解决中心

首页·电脑学院·电脑故障·操作系统·硬件教程·局域网技术·QQ技巧·网络安全·办公软件· 数据库

导航·设计学院·图像处理·网页设计·软件教程·服务器技术·笔记本·专家装机·网络编程·在线问答

当前位置：电脑软硬件应用网 > 设计学院 > 网页特效 > 正文

网页特效代码:JavaScript显示系统时间

网页特效代码:JavaScript显示系统时间

2009-9-19 11:32:34　　文/网页特效　　出处:电脑软硬件应用网　　

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> <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>

上一篇文章：网页中的弹出窗口居中背景半透明

下一篇文章：文字滚动特效（兼容多浏览器）

最新热点		最新推荐		相关文章
				网页特效代码:仿京东的商品分类导航… 不能屏蔽的网页右下角窗口特效装载页面进度条代码 JS网页版极品日历v1.0代码链接特效之js做引用文章链接代码 js实现日期变换提醒事务功能格式化年月日的日期自定义格式显示 js计算停留时间动态显示 js实现动态显示倒计时关闭页面推荐仿百度js日历源码