vue 设置定时器在某个时间段执行

业务需求:数据大屏页面中的某个方法需要在今天12:00执行一次,或是在今天的17:00执行一次,

这里用到 setTimeout定时器来实现。

java 复制代码
//获取某个时间的时间戳   
 getCurrentDate(time) {
      let now = new Date();
      let year = now.getFullYear();
      let month = now.getMonth() + 1;
      let day = now.getDate();
      return year + "-" + month + "-" + day + ' ' + time
  },

mounted(){
    let timeList = ['7:35:00', '17:05:00']
    timeList.forEach(item => {
      let nowtime = new Date().getTime()
      let onetime = new Date(this.getCurrentDate(item)).getTime()
      if (nowtime > onetime) {
        return
      } else {
        let t = (onetime - nowtime)
        setTimeout(() => {
          //要执行的方法
        }, t)
      }
    })
}
相关推荐
意法半导体STM324 分钟前
【官方原创】STM32H7双核芯片通过 STlink连接失败问题分析 LAT1654
开发语言·前端·javascript·stm32·单片机·嵌入式硬件
小王C语言5 分钟前
【基础IO】————简单设计一下libc库
前端·数据结构·算法
雨雨雨雨雨别下啦17 分钟前
Vue3——RabbitShopping
前端·javascript·vue.js
BumBle22 分钟前
从声明式到命令式:Vue3 弹窗组件的工厂模式重构
前端
恋猫de小郭29 分钟前
你的蓝牙设备可能正在泄漏你的隐私? Bluehood 如何追踪附近设备并做隐私分析
android·前端·ios
取名不易1 小时前
vue-drawer-board 简单的画图功能
前端
学习指针路上的小学渣1 小时前
JavaScript笔记
前端·javascript
取名不易1 小时前
在 nuxtjs中通过fabric.js实现画图功能
前端
冰珊孤雪2 小时前
Android Studio Panda革命性升级:内存诊断、构建标准化与AI调试全解析
android·前端
coder_Eight2 小时前
彻底吃透 Promise:从状态、链式到手写实现,再到 async/await 底层原理
javascript·面试