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()方法重复调用一个函数,每隔这个时间,就去调用一次回调函数
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 提示词工程——AI应用必不可少的技术
· 地球OL攻略 —— 某应届生求职总结
· 字符编码:从基础到乱码解决
· SpringCloud带你走进微服务的世界