第一步,确定显示时间的DOM元素
<di class='show-time'>在这里显示动态时间</div>
第二步,封装获取当前时间并格式化输出的函数
function getCD(){
const d = new Date((new Date()).getTime()+8*3600*1000)
const list = d.toISOString().split(/[^0-9]/).slice(0,-2)
return `${
list[0]}年${
list[1]}月${
list[2]}日 ${
list[3]}时${
list[4]}分${
list[5]}秒`
}
第三步,通过定时器动态触发函数并把结果显示到页面
const printND = setInterval(()=>{
document.getElementsByClassName('show-time ')[0].innerHTML = getCD()
},1000)
当需要停止动态显示时调用清除计时器方法即可,如下:
clearInterval(printND)