位置: IT常识 - 正文
vue项目使用定时器每隔几秒运行一次某方法(vue定时调用方法)
编辑：rootadminvue项目使用定时器每隔几秒运行一次某方法 代码如下：data() { return { timer:null, //定时器名称 }}，created() { this.setTime();},beforeDestroy(){ clearInterval(this.timer); // 清除定时器 this.timer = null;},methods: { setTime(){ //每隔一分钟运行一次保存方法 this.timer = setInterval(()=>{ this.saveList(); },60000) }, saveList(){ }}
本文链接地址:https://www.jiuchutong.com/zhishi/297640.html
转载请保留说明！
推荐整理分享vue项目使用定时器每隔几秒运行一次某方法(vue定时调用方法)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:vue如何实现定时请求数据,vue定时器只执行一次,vue定时调用方法,vue定时任务组件,vue项目使用定时器每隔几秒请求一次接口,vue定时执行,vue定时调用方法,vue定时调用方法,内容如对您有帮助，希望把文章链接给更多的朋友！
上面这样写已经实现功能，关闭页面不会继续执行。长时间运行页面也没有卡死。
有人说，setInterval（）里面嵌套setTimeout（）
setinterval不会清除定时器队列，每重复执行1次都会导致定时器叠加，最终卡死你的网页。 其原因与JS引擎线程有关（需深入研究JS引擎线程） ，但是setTimeout是自带清除定时器的。 我没有出现页面卡死的情况所以就没加setTimeout。
setInterval(() => { setTimeout(() => { this.queryChartTime() }, 0) }, 10000)setInterval（）和setTimeout（）的区别：
一个是循环执行setInterval，另一个是定时执行setTimeout
1:setInterval 循环执行， 每隔一段时间执行一次， 多次执行。
2:setTimeout 到时间后执行， 只执行一次。
在beforeDestroy()生命周期内清除定时器
定时器需要在页面销毁的时候清除掉，不然会一直存在！！
下一篇：逻辑回归（Logistic Regression）原理及其应用(逻辑回归模型)