一.定时器 setTimeout,setInterval
(1) setTimeout
setTimeout(() => {
console.log('我到时间了该执行我了');
}, timeout);
这个定时器只会去执行一次
代码:
setTimeout(() => {
console.log('我到时间了该执行我了');
}, 2000);
可以看到过了2s打了里面的内容。
请继续往下看
(2) setInterval
setInterval(() => {
console.log('我到时间了该执行我了');
}, interval);
代码:
setInterval(() => {
console.log('我到时间了该执行我了');
}, 2000);
每过2s就会去执行一次。
二.清除定时器clearTimeout
(1) clearTimeout(定时器的名字)
let timer = setTimeout(() => {
console.log('我到时间了该执行我了');
}, 2000);
clearTimeout(timer)
可以看到的是控制台里面并没有打印什么。
(2)clearInterval(定时器的名字)
let timer1 = setInterval(() => {
console.log('我到时间了该执行我了');
}, 2000);
setTimeout(() => {
clearInterval(timer1)
}, 6000);
可以看到的是执行了三次,就不在执行了,此时已经被清除了。
要清除定时器,首先要给它个名字。并最后清除它。