场景:这个地方的时间是需要定时刷新的
setInterval(): 间隔指定的毫秒数不停地执行指定的代码,定时器
clearInterval(): 用于停止 setInterval() 方法执行的函数代码
使用方法:
setInterval(code,time),两个参数都是必须的,第一个参数为要调用的函数或要执行的代码串。第二个参数为周期性执行或调用 code 之间的时间间隔,以毫秒计。
clearInterval(id_of_setinterval),参数是必须的,为setInterval返回的ID值
data() {
return {
timeUpdate: '',
dataInterval: 10 * 60 * 1000,//设置定时刷新时间
updateInterval: null// 定时器标识,清除用
};
},
mounted() {
const self = this;
this.getRecentDate();
this.updateInterval = setInterval(function() {
self.getRecentDate();
}, self.dataInterval);// 定时刷新
},
beforeDestroy() {
clearInterval(this.updateInterval);// 清楚定时刷新,不清除会一直运行,关闭页面也会定时刷新
},
注意:setInterval()与setTimeout()区别
因为setTimeout(表达式,延时时间)在执行时,是在载入后延迟指定时间后,去执行一次表达式,记住,次数是一次,而setInterval(表达式,交互时间)则不一样,它从载入后,每隔指定的时间就执行一次表达式 所以,完全是不一样的