JavaScript定时器有哪些_setTimeout和setInterval有何不同？

JavaScript中最常用定时器是setTimeout和setInterval：前者延后执行一次，需clearTimeout取消；后者按间隔重复执行，需clearInterval清除；任务耗时波动大时推荐用setTimeout递归实现稳定间隔。

JavaScript里最常用的定时器就两个：setTimeout 和 setInterval。核心区别很简单：一个只跑一次，一个反复跑。

setTimeout 是“延后执行一次”

它在指定毫秒数之后，调用函数或执行代码，仅此一次。适合做延迟触发类操作。

• 比如用户输入停顿 300ms 后再发起搜索（防抖）
• 比如弹出提示框 2 秒后自动消失
• 比如模拟接口响应延迟：setTimeout(() => console.log('数据到了'), 1500)
• 必须用 clearTimeout 来取消，否则它自己执行完就结束，不占资源

setInterval 是“每隔固定时间重复执行”

它会按设定间隔不断调用函数，直到你主动调用 clearInterval 或页面卸载。

• 比如每 5 秒拉一次服务器最新数据
• 比如实现倒计时、秒表、轮播图切换
• 注意：如果任务执行时间 > 设定间隔，后续调用不会被跳过，可能堆积——例如设了 1000ms 但每次执行要 1200ms，就会出现“连发”现象
• 必须用 clearInterval 清除，漏掉会导致内存泄漏或意外持续运行

想稳定重复执行？推荐 setTimeout 递归写法

setInterval 在任务耗时波动大时容易节奏不准。更可控的做法是用 setTimeout 自调用：

标签： javascript java 区别