13. 定时器 setTimeout()、setInterval()、requestAnimationFrame()
约 307 字大约 1 分钟
2025-03-12
在 JavaScript 中,有三种常用的定时器方法:
1. setTimeout()
该方法用于在一定时间间隔之后执行一次指定的函数。它接受两个参数,第一个参数是要执行的函数,第二个参数是延迟的毫秒数。
setTimeout(function () {
// 要执行的函数
}, 1000); // 延迟一秒钟执行
2. setInterval()
该方法用于按照指定的时间间隔周期性地执行指定的函数。它也接受两个参数,第一个参数是要执行的函数,第二个参数是时间间隔的毫秒数。
setInterval(function () {
// 要执行的函数
}, 2000); // 每两秒钟执行一次
3. requestAnimationFrame()
该方法用于在下一次浏览器重绘之前执行指定的函数。它接受一个参数,就是要执行的函数。
function animate() {
// 动画逻辑
requestAnimationFrame(animate);
}
animate(); // 开始动画
请注意,setTimeout()
和 setInterval()
方法返回一个计时器 ID
,可以使用 clearTimeout()
或 clearInterval()
方法来取消定时器。而 requestAnimationFrame()
方法没有返回值,不能被取消,但可以通过停止调用递归执行的函数来停止动画。
更新日志
2025/8/24 08:17
查看所有更新日志
e7112
-1于