setTimeout与setInterval
setTimeout只执行一次,主要广泛用于在指定的毫秒(1000ms=1s)后调用函数等。而setInterval则是在相隔指定的周期内循环执行。所以setInterval如果不清除会一直执行下去,会导致内存溢出。setTimeout和setInterval参数相同。
setTimeout(code, millisec)
其中第一个参数是要执行的code,第二个是延迟的毫秒周期。
实例
说明:该实例体现的是打开网页页面后2s通过timeout打印“1”,打印完毕后通过Interval打印“2”。
mounted() { //载入后
this.timer1 = window.setTimeout(() => {
alert(1)
this.timer2 = window.setInterval(() => {
console.log('--11---') //如果不关闭Interval定时器,控制台会一直打印“11”
}, 2000);
}, 2000); //设置同样的周期才能确保在打印“1”1以后立即打印“2”
beforeDestroy(){ //销毁前
clearInterval(this.timer2);
this.timer2 = null;
}
暂停定时器interval的语法
clearInterval(定时器名称);