两个方法的基础用法
setTimeout和setInterval都是浏览器和Node.js环境提供的全局定时器方法，核心作用都是延迟执行代码，但执行逻辑有本质不同。
setTimeout的基础用法
setTimeout用于在指定的延迟时间后，执行一次目标函数，执行完成后定时器就结束，不会重复运行。它的基本语法如下：
// 语法：setTimeout(回调函数, 延迟时间(毫秒), 传给回调函数的参数1, 参数2...)
// 示例：延迟1秒后打印一次内容
const timer1 = setTimeout(function(message) {
console.log(message);
}, 1000, '这是setTimeout的输出');
// 如果需要取消未执行的setTimeout，可以用clearTimeout
// clearTimeout(timer1);setInterval的基础用法
setInterval会在指定的间隔时间后，重复执行目标函数，只要不被手动取消，就会一直按照间隔循环执行。它的基本语法如下：
// 语法：setInterval(回调函数, 间隔时间(毫秒), 传给回调函数的参数1, 参数2...)
// 示例：每隔1秒打印一次内容
const timer2 = setInterval(function(count) {
console.log(`这是第${count}次执行setInterval`);
}, 1000, 1);
// 如果需要取消循环执行，可以用clearInterval
// 通常会在回调内部判断条件，满足后调用clearInterval(timer2)两者的核心区别
| 对比维度 | setTimeout | setInterval |
|---|---|---|
| 执行次数 | 延迟时间到后仅执行1次，执行完毕自动结束 | 每隔间隔时间重复执行，直到被手动取消 |
| 执行逻辑 | 每次调用都会创建一个新的定时器，执行完就销毁 | 创建后按照固定间隔循环触发，不会因为回调执行时长改变间隔 |
| 取消方法 | clearTimeout(定时器ID) | clearInterval(定时器ID) |
| 误差影响 | 仅受延迟时间的事件循环调度影响，单次执行误差相对可控 | 如果回调函数执行时间超过间隔时间，可能会导致回调堆积，误差会逐渐累积 |
执行机制和误差问题详解
JavaScript是单线程语言，所有定时器都是在事件循环的定时器阶段被调度执行的，并不会精准到毫秒级触发，都会有一定的误差。
对于setTimeout来说，它的误差主要来自事件循环的调度：比如延迟时间是1000ms，但实际执行时间可能是1000ms多一点，取决于当前主线程是否有其他任务在执行，因为定时器到时间后会把回调放到任务队列，等主线程空闲才会执行。
setInterval的问题更明显，它会固定每隔N毫秒就把回调放到任务队列里，不管上一个回调有没有执行完。如果回调的执行时间超过了间隔时间，就会出现多个回调排队的情况，比如间隔是1000ms，回调执行要1500ms，那么第二个回调会在第一个执行到1000ms的时候被加入队列，等第一个执行完1500ms时，第二个回调会立刻执行，相当于两个回调之间的间隔变成了500ms，误差会越来越大。
模拟setInterval的正确方式
为了避免setInterval的回调堆积和误差累积问题，实际开发中如果需要循环执行定时器任务，通常会用setTimeout递归调用的方式模拟setInterval，代码如下：
function loopTimer(count, interval) {
// 先执行当前任务
console.log(`这是第${count}次执行循环定时任务`);
// 任务执行完后再设置下一个定时器，确保间隔是相对准确的
setTimeout(function() {
loopTimer(count + 1, interval);
}, interval);
}
// 启动循环，初始从1开始，间隔1000ms
loopTimer(1, 1000);这种方式每次都是等上一次回调执行完成后再设置下一个定时器，不会出现回调堆积的问题，间隔时间也更可控，比直接用setInterval更稳定。
使用注意事项
- 不管是setTimeout还是setInterval，返回的定时器ID本质上是一个数字，保存好这个ID才能用来取消定时器。
- 如果回调函数里有this指向问题，需要注意setTimeout和setInterval的回调默认是在全局作用域下执行的，this会指向window（浏览器环境）或者global（Node.js环境），如果需要绑定this，可以用bind方法或者箭头函数。
- 页面切换到后台或者标签页不活跃时，浏览器的定时器可能会被降频甚至暂停，不要依赖定时器做高精度的计时任务。
实际开发中，如果是单次延迟执行的需求，优先用setTimeout；如果是循环执行的需求，优先用setTimeout递归模拟的方式，尽量避免直接使用setInterval，减少潜在的问题。
setTimeoutsetIntervalJavaScript定时器异步编程修改时间：2026-05-29 22:41:08