js 写一个时分秒倒计时

阅读 (1341)
设置一个目标时间,然后根据目标时间显示倒计时

HTML: 

<div id="timedown"></div>

 JS:里面用到了一些momentjs的日期比较方式

// 时间补零
function prefixInteger(num, n) {
      return (Array(n).join(0) + num).slice(-n);
}

// 倒计时
setTime = setInterval(function () {
      // 结束时间的时间戳
      var endTimestamp = new Date('2020/07/15 12:00:00').getTime()

      // 当前时间的时间戳
      var startTimestamp = new Date().getTime()

      // 计算时间差,除1000是因为毫秒的精度换成秒
      var timeDiff = parseInt((endTimestamp - startTimestamp) / 1000)

      // 计算倒计时小时
      var hoursLeft = parseInt(timeDiff / 60 / 60)
      // 计算倒计时分
      var minutesLeft = parseInt((timeDiff / 60) % 60)
      // 计算倒计时秒
      var secondsLeft = parseInt(timeDiff % 60)

      // 倒计时结束时清除计时器执行其它逻辑
      if(timeDiff <= 0) {
        clearInterval(setTime);
      } else {
        document.getElementById('timedown').innerHTML = prefixInteger(parseInt(hoursLeft), 2) + ':' + prefixInteger(parseInt(minutesLeft), 2) + ':' + prefixInteger(parseInt(secondsLeft), 2)
      }
}, 1000);

 

 

更新于:2020-07-15 11:11:14

留言

发表评论

标记为*的字段是必填项(邮箱地址不会被公开), 由于国内舆论控制, 评论需要管理员审核通过方可展示

返回顶部