Javascript简易时钟显示（通用版）

最新推荐文章于 2023-03-22 16:27:05 发布

dkmlqpg925832

最新推荐文章于 2023-03-22 16:27:05 发布

阅读量160

点赞数

文章标签： javascript xhtml ViewUI

原文链接：http://www.cnblogs.com/wenfeng-D/archive/2013/01/01/2841525.html

版权

开博第一篇，来个简单到爆的。

Javascript简易时钟显示，可设置时间格式和weekday格式，应用灵活。

代码效果：IE9下

代码：

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>Clock</title>
 6 </head>
 7 <body>
 8 <div id="date">
 9 
10 </div>
11 <script type="text/javascript">
12 var timer = setInterval(
13     function() {
14         document.getElementById("date").innerHTML = Clock("yyyy-mm-dd ww hh:min:ss",["日","一","二","三","四","五","六"])
15     },500);
16     
17 function Clock(timeType,dayType){
18     var date=new Date();
19     this.year = date.getFullYear();
20     this.month = date.getMonth() + 1;
21     this.date = date.getDate();
22     
23     //格式化星期几，如无传入参数则为默认
24     this.dayType = typeof(dayType) == "object" ? dayType : new Array("Sun","Mon","Tues","Wed","Thur","Fri","Sat");
25     this.day = this.dayType[date.getDate()];
26     this.hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
27     this.minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
28     this.second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
29     
30     //格式替换
31     this.dateStr = timeType.replace(/yyyy/g,this.year).replace(/mm/g,this.month).replace(/dd/g,this.date).replace(/ww/g,this.day).replace(/hh/g,this.hour).replace(/min/g,this.minute).replace(/ss/g,this.second);
32     return this.dateStr;
33 }
34 </script>
35 </body>
36 </html>