BOM--定时器

#1.定时器

window对象给用户提供了两种定时器

1.setTimeout()

2.setlnterval()

1.1 setTimeout()定时器

setTimeout()方法用于设置一个定时器，该定时器在定时器到期后执行调用函数。

setTimeout()这个调用函数我们也称为回调函数 callback

普通函数是按照代码顺序直接调用,而这个函数需要等待时间，时间到了才去调用这个函数，因此称为回调函数

注意：

window可以省略。

这个调用函数可以直接写函数，或者写函数名或者采取字符串.

延迟的毫秒数省略默认的是零,如果写,必须是毫秒

因为定时器可能有很多,所以我们经常给定时器赋值一个标识符

1.2停止setTimeout()定时器

 

 

<body>
  <button>点击停止定时器</button>
  <script>
    let btn = document.querySelector('button')
    let timer = setTimeout(() => {
      console.log('爆炸了');
    }, 5000);
    btn.addEventListener('click', () => {
      clearTimeout(timer)
    })
  </script>
</body>

1.3.setlnterval()定时器

 

 setlnterval()方法重复调用一个函数，每隔这个时间，就去调用一次回调函数

posted @ 2022-04-18 10:55  RoddyBryce  阅读(55)  评论(0)    收藏  举报