Vue 定时器/定时调用
前端定时器;定时调用方法;间隔重复调用
·
export default {
//定义
data(){
return {
timer:null
}
},
//调用
mounted() {
this.timer = setInterval(() => {
setTimeout(this.getTemp, 0);
}, 5000);
},
//页面切除后解除定时
beforeDestroy() {
clearInterval(this.timer);
this.timer = null;
},
getTemp:已经封装好的方法,是从后端调用数据的
beforeDestroy:页面切除后解除定时,防止浏览其他界面时依旧不停调用
调用格式:setTimeout(function(){}, 间隔时间)
方法为到达设定时间间隔只调用一次,若想一直重复调用,可使用:
setInterval(function(){}, 间隔时间)
页面若需要开始就进行加载,只需在定时之前提前调用一次function即可
mounted() {
this.getTemp();
this.timer = setInterval(() => {
setInterval(this.getTemp, 0);
}, 5000);
},
5000为设定时间,注意不是function时间间隔,而是整个定时方法的间隔
更多推荐
已为社区贡献1条内容
所有评论(0)