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)
      }
    })
}
相关推荐
索木木8 小时前
ShortCut MoE模型分析
前端·html
MXN_小南学前端8 小时前
Vue3 + Spring Boot 工单系统实战:用户反馈和客服处理的完整闭环(提供gitHub仓库地址)
前端·javascript·spring boot·后端·开源·github
轮子大叔9 小时前
CSS基础入门
前端·css
踩着两条虫9 小时前
强强联合!VTJ.PRO 正式接入 DeepSeek V4,AI 编码能力再跃升
前端·vue.js·ai编程
Lily.C9 小时前
DOMPurify 前端富文本 XSS 防护使用指南
前端
一叶渡江9 小时前
深挖 iOS 16 以下 flex column-reverse 滚动失效问题
前端
众创岛9 小时前
回调函数、闭包概念、场景及python实战
前端
im_AMBER9 小时前
Leetcode 160 最小覆盖子串 | 串联所有单词的子串
开发语言·javascript·数据结构·算法·leetcode
得想办法娶到那个女人9 小时前
项目中 TypeScript 类型推导 极简实战总结
前端·javascript·typescript
Beginner x_u9 小时前
前端八股整理(Vue 02)|组件通信、生命周期、v-if 与 v-show
前端·javascript·vue.js