html使用vue实现秒表,vue 页面定时器

data() {

return {

intervalId:null, // 定时器

};

},

methods: {

// 定时刷新数据函数 30s

// 参考教程-> https://www.cnblogs.com/aurora-ql/p/13300202.html

dataRefreh() {

// 计时器正在进行中，退出函数

if (this.intervalId != null) {

return;

}

// 计时器为空，操作

this.intervalId = setInterval(() => {

// console.log("刷新" + new Date());

//逻辑代码---写这里

}, 30000);

},

// 停止定时器

clear() {

clearInterval(this.intervalId); //清除计时器

this.intervalId = null; //设置为null

},

},

destroyed() {

//页面关闭时清空

this.clear();

},

标签：定时器,return,clear,intervalId,vue,计时器,null,页面

来源： https://www.cnblogs.com/luzt/p/14431093.html