vue定时计时

最新推荐文章于 2024-08-27 16:08:12 发布

撸猫的咸鱼

最新推荐文章于 2024-08-27 16:08:12 发布

阅读量306

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/lgplrcode/article/details/120760742

版权

javascript html vue.js

vue 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

    countdown() {
      // 做判断当倒计时结束时都为0
      if (new Date().getTime() >= this.endTime) {
        this.d = '00'
        this.h = '00'
        this.m = '00'
        this.s = '00'
        return
      }
      // 用结束时间减去当前时间获得倒计时时间戳
      const msec = this.endTime - new Date().getTime()
      const d = parseInt(msec / 1000 / 60 / 60 / 24) // 算出天数
      const h = parseInt(msec / 1000 / 60 / 60 % 24)// 算出小时数
      const m = parseInt(msec / 1000 / 60 % 60)// 算出分钟数
      const s = parseInt(msec / 1000 % 60)// 算出秒数
      // 给数据赋值
      this.d = d
      this.h = h > 9 ? h : '0' + h
      this.m = m > 9 ? m : '0' + m
      this.s = s > 9 ? s : '0' + s
      // 定义this指向
      const that = this
      // 使用定时器 然后使用递归 让每一次函数能调用自己达到倒计时效果
      setTimeout(function() {
        that.countdown()
        console.log('aaaa')
      }, 1000)
    },