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)
      }
    })
}
相关推荐
前端那点事5 分钟前
深度解析:Vue中computed的实现原理(易懂不晦涩)
前端·vue.js
Mike_jia8 分钟前
PortNote:可视化端口管理工具,让端口冲突成为历史
前端
前端那点事8 分钟前
Vue中深克隆的3种实现方案(附详细注释+测试)
前端·vue.js
存在X8 分钟前
claude code自定义模型
前端·claude
Highcharts.js18 分钟前
赋能金融 SaaS|如何利用 Highcharts 与 Morningstar 数据构建顶级分析仪表盘
前端·金融·echarts·saas·bi·highcharts
啷咯哩咯啷20 分钟前
纯本地运行的私人文档知识库
前端·人工智能·后端
❆VE❆21 分钟前
基于 contenteditable 实现变量插入富文本编辑器
前端·javascript·vue.js
Aliex_git26 分钟前
Nuxt 学习笔记(一)
前端·笔记·学习
烤麻辣烫28 分钟前
json与fastjson
前端·javascript·学习·json
小陈同学呦35 分钟前
JavaScript 深浅拷贝详解
前端·javascript