JavaScript 提供了计时器,可安排在指定延迟或间隔后执行操作,包括 setTimeout()(一次执行)和 setInterval()(重复执行)。要使用 setTimeout(),请使用 setTimeout(callback, delay) 语法,其中 callback 是要执行的函数,delay 是延迟时间。要使用 setInterval(),请使用 setInterval(callback, interval) 语法,其中 callback 是要执行的函数,interval 是间

如何使用 JavaScript 计时器
计时器概述
JavaScript 计时器是一种工具,用于在指定的时间间隔或延迟后执行特定操作。它们在创建动态和交互式 Web 应用程序中至关重要。
主要计时器类型
JavaScript 提供两种主要的计时器类型:
- setTimeout():在指定的延迟后执行一次操作。
- setInterval():以指定的间隔重复执行操作,直到被清除。
使用 setTimeout()
-
语法:
setTimeout(callback, delay) - callback:要执行的函数或代码块。
- delay:以毫秒为单位的延迟时间。
例:
setTimeout(() => {
console.log("Hello, world!");
}, 1000); // 延迟 1 秒执行使用 setInterval()
-
语法:
setInterval(callback, interval) - callback:要执行的函数或代码块。
- interval:以毫秒为单位的间隔时间。
例:
const intervalId = setInterval(() => {
console.log("Tick...");
}, 1000); // 每 1 秒间隔执行清除计时器
要清除计时器,可以使用 clearInterval()(对于 setInterval())或 clearTimeout()(对于 setTimeout())函数:
clearInterval(intervalId); clearTimeout(timeoutId);
最佳实践
- 始终清除计时器,以避免内存泄漏。
- 使用适当的延迟值,避免过度占用法则。
- 考虑使用
requestAnimationFrame()作为实现动画的更流畅的方法。










