JavaScript动态显示年月日星期时分秒 

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title>JavaScript动态显示年月日星期时分秒</title>
 6     </head>
 7     <body>
 8         <h1 id="date_time"></h1>
 9         <script type="text/javascript">
10             function getweek(option){
11                 //第一种方法：
12                 switch(option){
13                     case 0:
14                     return"星期日";
15                     case 1:
16                     return"星期一";
17                     case 2:
18                     return"星期二";
19                     case 3:
20                     return"星期三";
21                     case 4:
22                     return"星期四";
23                     case 5:
24                     return"星期五";
25                     case 6:
26                     return"星期六";
27                 }
28                 //第二种简便方法：
29                 var week = "日一二三四五六".charAt(option);
30                 return "星期"+week;
31             }
32             function showTime(){
33                 var dateTime = new Date();
34                 var year = dateTime.getFullYear();
35                 var month = dateTime.getMonth()+1;
36                 month=month<10?"0"+month:month;
37                 var date = dateTime.getDate();
38                 date=date<10?"0"+date:date;
39                 var hour = dateTime.getHours();
40                 hour=hour<10?"0"+hour:hour;
41                 var minute = dateTime.getMinutes();
42                 minute=minute<10?"0"+minute:minute;
43                 var second = dateTime.getSeconds();
44                 second=second<10?"0"+second:second;
45                 var week = getweek(dateTime.getDay());
46                 datetime = year+"年"+month+"月"+date+"日"+" "+ week+ " " +hour+":"+minute+":"+second
47                 document.getElementById("date_time").innerHTML=datetime;
48             }
49             setInterval("showTime()",1000)//间隔多少毫秒
50         </script>
51     </body>
52 </html>

 

posted @ 2021-06-04 14:20  夏夜晚风梵  阅读(161)  评论(0)    收藏  举报