通过JS实现动态显示当前时间的一个简单方法(三步到位!)

第一步,确定显示时间的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)

猜你喜欢

转载自blog.csdn.net/weixin_43426379/article/details/129973979