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( "心跳停止" ); } }) } } |
上面这样写已经实现功能,关闭页面不会继续执行。长时间运行页面也没有卡死。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix