vue页面定时器的两种方式。
1.页面定时刷新
mounted() {
// 定时器(设置时间3s)
this.timer = setInterval(this.refresh, 3000);
},
// 页面关闭时清除定时器
beforeDestroy() {
if(this.timer) {
clearTimeout(this.timer);
}
},
methods: {
// 定时器刷新
refresh() {
this.value ++;
console.log(this.value);
},
}
2.点击某个方法或延迟3s时间
this.sleep(3000); // for循环等待3s
async sleep(n) {
var start = new Date().getTime();
while (true) {
if (new Date().getTime() - start > n) {
break;
}
}
},