定时器的类型

一.定时器 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);

可以看到的是执行了三次,就不在执行了,此时已经被清除了。

要清除定时器,首先要给它个名字。并最后清除它。