[JavaScript知识库] VUE定时器任务（每天定时12点执行）

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> VUE定时器任务（每天定时12点执行） -> 正文阅读

[JavaScript知识库]VUE定时器任务（每天定时12点执行）

设定配置data

data() {
config: {
        time: '00:00:00', // 每天几点执行
        interval: 1, // 隔几天执行一次
        runNow: true, // 是否立即执行
        intervalTimer: '',
        timeOutTimer: ''
      }
}

getBussTop10DataByTimer() {
      if (this.config.runNow) {
        // 如果配置了立刻运行则立刻运行任务函数
        this.initTopTenBusiness()
      }
      // 获取下次要执行的时间，如果执行时间已经过了今天，就让把执行时间设到明天的按时执行的时间
      var nowTime = new Date().getTime()
      var timePoint = this.config.time.split(':').map((i) => parseInt(i))

      var recent = new Date().setHours(...timePoint) // 获取执行时间的时间戳

      if (recent <= nowTime) {
        recent += 24 * 60 * 60 * 1000
      }
      // 未来程序执行的时间减去现在的时间，就是程序要多少秒之后执行
      var doRunTime = recent - nowTime
      this.config.timeOutTimer = setTimeout(this.setTimer, doRunTime)
    },
setTimer() {
      console.log('进入定时器')
       //配置后的第一天12点执行
      this.initTopTenBusiness()
      // 每隔多少天再执行一次
      var intTime = this.config.interval * 24 * 60 * 60 * 1000
      this.config.intervalTimer = setInterval(this.initTopTenBusiness, intTime)
    }

清除定时器

 beforeDestroy() {
    console.log(
      '关闭任务定时器',
      this.config.intervalTimer
    )
    clearInterval(this.config.intervalTimer)
    console.log('清除定时器timeout', this.config.timeOutTimer)
    clearTimeout(this.config.timeOutTimer)
  }