倒计时天时分秒

最新推荐文章于 2022-06-23 17:39:30 发布

原创最新推荐文章于 2022-06-23 17:39:30 发布 · 195 阅读

0 ·

CC 4.0 BY-SA版权

JS类专栏收录该内容

202 篇文章

订阅专栏

本文深入剖析了一段用于计算特定日期倒计时的JavaScript代码，包括天数、小时、分钟和秒的计算逻辑。通过定时更新，实现了动态显示剩余时间的功能。

<span id="t_d">{{dataTime}}天</span>
<span id="t_h">{{dataHour}}时</span>
<span id="t_m">{{dataMin}}分</span>
<span id="t_s">{{dataSec}}秒</span>

data () {

return {

   dataTime: '00',
   dataHour: '00',
   dataMin: '00',
   dataSec: '00',

}

countTime () {
  let endTime = new Date('2019-08-01')
  let nowTime = new Date()
  let t = endTime - nowTime
  let dataTime = parseInt(t / 1000 / 60 / 60 / 24)
  let dataHour = parseInt(t / 1000 / 60 / 60 % 24)
  let dataMin = parseInt(t / 1000 / 60 % 60)
  let dataSec = parseInt(t / 1000 % 60)
  this.dataTime = dataTime
  this.dataHour = dataHour > 9 ? dataHour : '0' + dataHour
  this.dataMin = dataMin > 9 ? dataMin : '0' + dataMin
  this.dataSec = dataSec > 9 ? dataSec : '0' + dataSec
  let that = this
  setTimeout(function () {
    that.countTime()
  }, 1000)
}