web页面显示当前系统时间并定时刷新

Posted 倚天剑雨

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了web页面显示当前系统时间并定时刷新相关的知识,希望对你有一定的参考价值。

 1 function showCurrentDate(){
 2     var today,hour,second,minute,year,month,date;
 3     var strDate ;
 4     today=new Date();
 5     var n_day = today.getDay();
 6     switch (n_day)
 7     {
 8         case 0:{
 9           strDate = "星期日"
10         }break;
11         case 1:{
12           strDate = "星期一"
13         }break;
14         case 2:{
15           strDate ="星期二"
16         }break;
17         case 3:{
18           strDate = "星期三"
19         }break;
20         case 4:{
21           strDate = "星期四"
22         }break;
23         case 5:{
24           strDate = "星期五"
25         }break;
26         case 6:{
27           strDate = "星期六"
28         }break;
29         case 7:{
30           strDate = "星期日"
31         }break;
32     }
33     year = today.getYear()+1900;
34     month = today.getMonth()+1;
35     if(month<10){
36         month="0"+month;
37     }
38     date = today.getDate();
39     if(date<10){
40         date="0"+date;
41     }
42     hour = today.getHours();
43     if(hour<10){
44         hour="0"+hour;
45     }
46     minute =today.getMinutes();
47     if(minute<10){
48         minute="0"+minute;
49     }
50     second = today.getSeconds();
51     if(second<10){
52         second="0"+second;
53     }
54     document.getElementById(‘currentDate‘).innerhtml = year + ":" + month + ":" + date + " " + strDate +" " + hour + ":" + minute + ":" + second; //显示时间
55     window.setTimeout(‘showCurrentDate()‘,1000);
56 }

 

以上是关于web页面显示当前系统时间并定时刷新的主要内容,如果未能解决你的问题,请参考以下文章

HTML代码片段

js怎么写2秒后再刷新当前页面

刷新页面后怎么让js定时器继续刷新前的状态继续计时

js 怎么定时刷新指定页面

vue获取当前时间 实时刷新

获取当前时间显示在页面上并每秒刷新