js的两种定时器

辰漪
2022-01-10 / 0 评论 / 16 阅读 / 正在检测是否收录...

1. window.setTimeout(fn, wait)

设置一个定时器,等待wait时间后,执行fn函数,该定时器只会执行一次,执行完函数后,该定时器停止。

// 1000毫秒后打印一次 1
const timer1 = window.setTimeout(() => {
  console.log(1)
}, 1000)

2. window.setInterval(fn, wait)

设置一个定时器,每等待wait时间,都会执行一次fn函数。该定时器会一直执行。

// 每隔1000毫秒打印一次 2
const timer2 = window.setTimeout(() => {
  console.log(2)
}, 1000)

3. 清除定时器

每个定时器都会返回一个定时器的id 如上边的timer1,timer2就是定时器id
通过clearTimeout(timer1) 或者 clearInterval(timer2)来清除相对应的定时器,定时器的id依然存在,下次创建定时器,id会继续往后排队

clearTimeout(timer1)
clearInterval(timer2)
2
选择打赏方式:
微信

评论 (0)

取消