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 @   RoddyBryce  阅读(49)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 提示词工程——AI应用必不可少的技术
· 地球OL攻略 —— 某应届生求职总结
· 字符编码:从基础到乱码解决
· SpringCloud带你走进微服务的世界
点击右上角即可分享
微信分享提示