vue项目使用定时器每隔几秒运行一次某方法

代码如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
data() {
  return {
    timer:null, //定时器名称
  };
},
created() {
  this.setTime();
},
beforeDestroy() {
  clearInterval(this.timer);  // 清除定时器
  this.timer = null;
},
methods: {
  setTime(){
    //每隔一分钟运行一次保存方法
    this.timer = setInterval(()=>{
      this.heartBeat();
    },60000)
  },
  heartBeat(){
    axios.post("/api/member/ueditor/heartBeat",{}).then(res=>{
      if (res.code == '200') {
        console.log(res.body.result);
      }else{
        console.log("心跳停止");
      }
    })
  }
}

上面这样写已经实现功能,关闭页面不会继续执行。长时间运行页面也没有卡死。

posted @   岁月淡忘了谁  阅读(644)  评论(0编辑  收藏  举报
(评论功能已被禁用)
相关博文:
阅读排行:
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
点击右上角即可分享
微信分享提示