網頁中動態的顯示系統日期時間 當前時間: var e = function(selector) { return document.querySelector(selector) } var startTime = function() { var d = new Date() var td = d ...
<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>