参考了网络上各种资料,记录下网页中显示时间的方法,以备查阅。
<head>
<meta charset="utf-8">
<title>网页中动态的显示系统日期时间</title>
</head>
<body >
当前时间:<div color='red' class="nowDateTime"></div>
<script>
var e = function(selector) {
return document.querySelector(selector)
}
var startTime = function() {
var d = new Date()
var td = d.getDay()
var y = d.getFullYear()
var M = d.getMonth() + 1
var da =d.getDate()
var h = d.getHours()
var m = d.getMinutes()
var s = d.getSeconds()
// 如果分钟或小时的值小于10,则在其值前加0,比如如果时间是下午3点20分9秒的话,则显示15:20:09
M=checkTime(M)
d=checkTime(d)
m=checkTime(m)
s=checkTime(s)
var time = e('.nowDateTime')
var dd = day(td)
time.innerHTML= `${y}.${M}.${da}
${dd}
${h}:${m}:${s}
`
setTimeout('startTime()',1000);//每一秒中重新加载startTime()方法
}
let a =[1, 2, 3, 4, 5, 6, 7]
let b =['星期一','星期二','星期三','星期四','星期五','星期六','星期日']
var day = function (t) {
for ( i = 0; i < 7; i++) {
let m = a[i]
if (m == t) {
return b[i]
}
}
}
var checkTime = function(i) {
if (i < 10){
i = "0" + i
}
return i
}
startTime()
</script>
</body>
部分资料摘抄自网络各处,有明确出处的会注明,本博客主要记录每日所得,以备查阅,如有错误处,请大家指正,感激不尽。