js的两种定时器

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)
© 版权声明
THE END
喜欢就支持一下吧
点赞8 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容