倒计时,时 分 秒的转换

353 阅读1分钟
<script>
        //获取对应元素
        let eleHour = document.querySelector('#hour')
        let eleMinutes = document.querySelector('#minutes')
        let eleScond = document.querySelector('#scond')

        //设置定时器
        let zz = setInterval(function () {
            //取下课时间
            let date = new Date('2022-1-20 18:30:00')
            //取当前时间
            let now = Date.now()
            //用下课时间减去当前时间
            let offset = parseInt((date.getTime() - now) / 1000)
            //判断时间是否结束,结束后停止
            if (offset === 0) {
                clearInterval(zz)
            }
            //判断数值是否小于10,如小于就在前面加0
            let hour = parseInt(offset / 60 / 60)
            hour = hour < 10 ? '0' + hour : hour
            let minute = parseInt(offset % 3600 / 60)
            minute = minute < 10 ? '0' + minute : minute
            let second = offset % 60
            second = second < 10 ? '0' + second : second
            //赋值渲染
            eleHour.innerText = hour
            eleMinutes.innerText = minute
            eleScond.innerText = second
            //设置定时器时间,1k毫秒判断一次
        }, 1000)
    </script>
  • 设置定时器,设置定时器时间,1k毫秒判断一次
  • 取下课时间
  • 用下课时间戳减去当前时间戳
  • 判断时间是否结束,结束后停止
  • 判断数值是否小于10,如小于就在前面加0
  • 赋值渲染