首页 > 编程语言 > 详细

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

时间:2021-06-04 17:43:34      阅读:11      评论:0      收藏:0      [点我收藏+]
 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>

 

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

原文:https://www.cnblogs.com/fengxiaoying/p/14849402.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!