js实现setinterval
使用 setInterval 的基本语法
setInterval 是 JavaScript 中用于周期性执行代码的函数。其基本语法如下:
const intervalID = setInterval(callback, delay, [arg1, arg2, ...]);
callback:需要周期性执行的函数。delay:每次执行之间的时间间隔(毫秒)。arg1, arg2, ...(可选):传递给callback的参数。
示例:周期性打印消息
以下代码每隔 1 秒打印一次 "Hello, World!":
function sayHello() {
console.log("Hello, World!");
}
const intervalID = setInterval(sayHello, 1000);
停止 setInterval
clearInterval 用于停止 setInterval 的执行。传入 setInterval 返回的 ID 即可:
clearInterval(intervalID);
示例:5 秒后停止打印
以下代码在 5 秒后停止打印消息:
function sayHello() {
console.log("Hello, World!");
}
const intervalID = setInterval(sayHello, 1000);
setTimeout(() => {
clearInterval(intervalID);
console.log("Stopped printing.");
}, 5000);
传递参数给回调函数
setInterval 可以传递额外的参数给回调函数:
function greet(name) {
console.log(`Hello, ${name}!`);
}
const intervalID = setInterval(greet, 1000, "Alice");
使用箭头函数简化
可以直接在 setInterval 中使用箭头函数:

const intervalID = setInterval(() => {
console.log("This runs every second.");
}, 1000);
注意事项
delay的最小值通常为 4 毫秒(浏览器限制),实际延迟可能因系统负载而略有差异。- 避免在回调函数中执行耗时操作,否则可能导致间隔不准确。
- 确保在不需要时调用
clearInterval,否则可能导致内存泄漏。






