date制作电子时钟

最新推荐文章于 2022-08-16 16:47:18 发布

weixin_30819163

最新推荐文章于 2022-08-16 16:47:18 发布

阅读量84

点赞数

原文链接：http://www.cnblogs.com/Jimmy-ling0527/archive/2012/09/20/2695613.html

版权

我是刚开始写的不好请见谅，不罗嗦了，套用魔法师刘谦的话“就是见证奇迹的时刻！”

下面我们就让它自动刷新

View Code

 1 View Code 
 2  function Clock()
 3  {
 4    var date = new Date();
 5     var year = date.getFullYear();
 6     var month = date.getMonth();
 7     var day = date.getDate();
 8     var week = date.getDay();
 9     var hour = date.getHours();
10     var minute = date.getMinutes();
11     var second =  date.getSeconds();
12     var millisecond = date.getMilliseconds();
13     var flag = "AM" ;
14     if( hour < 10){
15       hour = "0"+hour; 
16     }
17     if(hour > 12){
18       flag = "PM";
19     }
20     if(minute <10){
21       minute = "0" + minute;
22     }
23     if(millisecond < 10){
24      millisecond = "0" + millisecond;
25     }
26     switch(week){
27          case 1:week = "一"; break;
28          case 2:week = "二"; break;
29          case 3:week = "三"; break;
30          case 4:week = "四"; break;
31          case 5:week = "五"; break;
32          case 6:week = "六"; break;
33          default: week = "日";break;
34      }
35     var result = year+"年 "+month+"月 "+day+"日  星期"+week+" "+hour+":"+minute+":"+second + " "+flag;
36      document.getElementById("time").innerHTML=result;
37      //有可能会只显示一会就停止了
38      //setInterval("Clock()",1000);
39      setTimeout("Clock()",1000);
40  }
41      
42  </script>
43  <style type="text/css">
44  </style>
45  </head>
46  
47  <body onload = "Clock()">
48  <div id = "time"></div>

，就得要用到它的setTimeout函数了，//setInterval也行不过是有区别的哦。。。。

转载于:https://www.cnblogs.com/Jimmy-ling0527/archive/2012/09/20/2695613.html

weixin_30819163

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
date制作电子时钟

我是刚开始写的不好请见谅，不罗嗦了，套用魔法师刘谦的话“就是见证奇迹的时刻！”下面我们就让它自动刷新View Code 1 View Code 2 function Clock() 3 { 4 var date = new Date(); 5 var year = date.getFullYear(); 6 var month =...
复制链接

扫一扫