JavaScript实现动态显示系统时间

algorain

使用js实现在网页中动态的显示当前时间,就是如下这种格式,大家也可以根据自己的需求更改

2017年02月06日11:12:47 星期一

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>动态的显示当前时间</title>
</head>
<body>
<script type="text/javascript">
function show_cur_times(){
//获取当前日期
var date_time = new Date();
//定义星期
var week;
//switch判断
switch (date_time.getDay()){
case 1: week="星期一"; break;
case 2: week="星期二"; break;
case 3: week="星期三"; break;
case 4: week="星期四"; break;
case 5: week="星期五"; break;
case 6: week="星期六"; break;
default:week="星期天"; break;
}

//年
var year = date_time.getFullYear();
//判断小于10,前面补0
if(year<10){
year="0"+year;
}

//月
var month = date_time.getMonth()+1;
//判断小于10,前面补0
if(month<10){
month="0"+month;
}

//日
var day = date_time.getDate();
//判断小于10,前面补0
if(day<10){
day="0"+day;
}

//时
var hours =date_time.getHours();
//判断小于10,前面补0
if(hours<10){
hours="0"+hours;
}

//分
var minutes =date_time.getMinutes();
//判断小于10,前面补0
if(minutes<10){
minutes="0"+minutes;
}

//秒
var seconds=date_time.getSeconds();
//判断小于10,前面补0
if(seconds<10){
seconds="0"+seconds;
}

//拼接年月日时分秒
var date_str = year+"年"+month+"月"+day+"日"+hours+":"+minutes+":"+seconds+" "+week;

//显示在id为showtimes的容器里
document.getElementById("showtimes").innerHTML= date_str;
}

//设置1秒调用一次show_cur_times函数
setInterval("show_cur_times()",100);
</script>
<div align="center">
<label id="showtimes"></label>
</div>
</body>
</html>

  • Title: JavaScript实现动态显示系统时间
  • Author: algorain
  • Created at: 2017-02-06 11:17:49
  • Updated at: 2023-05-14 21:39:50
  • Link: http://www.rain1024.com/2017/02/06/javascript-article30/
  • License: This work is licensed under CC BY-NC-SA 4.0.
 Comments