倒计时天时分秒

sunlizhen

于 2019-07-30 15:19:42 发布

阅读量182

点赞数

CC 4.0 BY-SA版权

分类专栏： JS类

本文链接：https://blog.youkuaiyun.com/sunlizhen/article/details/97786378

JS类专栏收录该内容

202 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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)
}