api - 时间戳的应用-倒计时

236 阅读1分钟

    //获取时分秒三个元素
    let hours = document.querySelector('#hour')
    let minutes = document.querySelector('#minutes')
    let scond = document.querySelector('#scond')
    
    // 通过定时器每秒刷新
    setInterval(function () {
          //获取时间戳
          //截止时间
          let time = new Date('2022-1-20 18:00:00')
          let times = time.getTime()
          //现在时间,现在的时间戳
          let newTime = Date.now()

          //截止时间与现在时间的差异,获取到的是毫秒,所以除以1000转换为秒
          let times = parseInt(times - newTime) / 1000

          let hour = parseInt(times / 60 / 60 % 24)           //获取小时
          hour = hour < 10 ? '0' + hour : hour                //补零操作
          let minute = parseInt(times / 60 % 60)              //获取分钟
          minute = minute < 10 ? '0' + minute : minute        //补零操作
          let second = parseInt(times % 60)                   //获取秒
          second = second < 10 ? '0' + second : second        //补零操作

          //开始输出画面
          hours.innerText = hour
          minutes.innerText = minute
          scond.innerText = second
    }, 1000)