使用JavaScript在页面中显示不断更新的时刻文字的简易实现方式(较高性能):
"use strict";
const week =['天','一','二','三','四','五','六'],
dom = document.getElementById("dateTxt"),
checkTime = i =>(i <10)?`0${i}`: i;// 在小于10的数字前加一个‘0’
let today;
function startTime(){
today =newDate();
dom.innerHTML =`星期${week[today.getDay()]} :${checkTime(today.getHours())}:${checkTime(today.getMinutes())}:${checkTime(today.getSeconds())}`;
}
setInterval(startTime,500);//循环计时
之后就只需要在HTML框架中添加一个id等于"dateTxt"的容器标签就可以了。