HTML DOM setInterval和clearInterval方法案例详解
setInterval用于定时重复执行函数,clearInterval用于清除定时器。但清除后,当前回调中的后续代码仍会执行一次,因为清除操作仅影响下一次执行。将条件判断与清除逻辑置于回调函数末尾,可确保不再执行多余代码。
在 Ja vaScript 编程中,setInterval 是我们实现定时任务的常用工具,它能让某个函数按照设定的时间间隔反复执行。当任务不再需要时,调用 clearInterval 即可清除定时器。但问题来了——清除定时器的时机,你真的拿捏准了吗?
通常的做法是加一个条件判断,比如定义一个计数器 var count = 5,每次执行 count--,当 count == 0 时调用 clearInterval。代码写出来大概是这样:

逻辑上好像没什么毛病——count 归零,清除定时器。但实际跑一下看看效果:

结果却让人意外:setInterval 并没有因为调用了 clearInterval 就立刻停止,后续的代码仍然会执行一次。这是因为清除定时器只是让下一次的回调不再触发,但当前这次回调已经执行到了那一步,代码并不会自动跳过。
想要让清除定时器之后的代码不再执行?一个直接的思路是在 clearInterval 后面加一个 return 返回:

这招确实管用,但其实没必要这么绕。换个顺序就能轻松解决——把条件判断和清除定时器的逻辑放到整个回调函数的末尾,让它在执行完所有操作后再判断。修改后的代码长这样:

这样就能达到预期效果:

顺便提一句,setInterval 执行后会返回一个定时器标识符(通常命名为 interval),清除时直接传入即可:clearInterval(interval)。这个小细节,算是基本功了。
Blender 是一款免费开源、跨平台的专业 3D 创作软件,集建模、动画、渲染、视频编辑与视觉合成等功能于一体,广泛应用于影视动画、游戏设计和建筑可视化等领域。软件支持 Cycles 物理渲染器与 Eevee 实时渲染引擎,并提供多边形建模、骨骼绑定、物理模拟等专业工具。Blender 兼容 Windows、macOS 和 Linux 系统,安装包轻巧、运行流畅,依托活跃的全球开发者社区持续更新,是从初学者到专业创作者都值得选择的正版 3D 创作工具。
赤友清理大师是一款为 Mac 设计的智能清理优化工具,可精准扫描垃圾、大文件、重复文件等,释放磁盘空间。做扫描整理、文字提取和表格转换时,它能把识别后的处理步骤接得更顺,资料录入这类场景会省下不少时间。
一款文字处理软件,一种订阅式的跨平台办公软件,基于云平台提供多种服务,通过将 Excel 和 Outlook 等应用与 OneDrive 和 Microsoft Teams 等强大的云服务相结合,Office 365 可让任何人使用任何设备随时随地创建和共享内容。
CodeExpander 是一款快捷短语输入增强工具,通过键入缩写自动展开为自定义文段,提升工作效率。任务管理和过程控制会更完整,持续下载、批量同步或需要稳定传输流程的场景会更适合它。
Mountain Duck 是一款能将多个网盘挂载到本地的工具,像本地磁盘一样使用网盘。清理链路的完整性会更好一些,做应用卸载、残留处理和空间整理时,通常能少走很多手动排查步骤。
Blender 是一款免费开源、跨平台的专业 3D 创作软件,集建模、动画、渲染、视频编辑与视觉合成等功能于一体,广泛应用于影视动画、游戏设计和建筑可视化等领域。软件支持 Cycles 物理渲染器与 Eevee 实时渲染引擎,并提供多边形建模、骨骼绑定、物理模拟等专业工具。Blender 兼容 Windows、macOS 和 Linux 系统,安装包轻巧、运行流畅,依托活跃的全球开发者社区持续更新,是从初学者到专业创作者都值得选择的正版 3D 创作工具。
极度公式是一款跨平台专业LaTeX公式识别编辑软件,支持OCR公式识别和多平台编辑。和使用说明,避免使用,享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时,它能把识别后的处理步骤接得更顺,资料录入这类场景会省下不少时间。
一款文字处理软件,一种订阅式的跨平台办公软件,基于云平台提供多种服务,通过将 Excel 和 Outlook 等应用与 OneDrive 和 Microsoft Teams 等强大的云服务相结合,Office 365 可让任何人使用任何设备随时随地创建和共享内容。
Wise Folder Hider Pro 是一款专业级文件和文件夹隐藏加密软件,为私密数据添加多重保护。高频操作更强调就近处理,浏览、整理和跨目录移动文件时,来回切换和重复点击都会少很多。
CodeExpander 是一款快捷短语输入增强工具,通过键入缩写自动展开为自定义文段,提升工作效率。任务管理和过程控制会更完整,持续下载、批量同步或需要稳定传输流程的场景会更适合它。
Mountain Duck 是一款能将多个网盘挂载到本地的工具,像本地磁盘一样使用网盘。清理链路的完整性会更好一些,做应用卸载、残留处理和空间整理时,通常能少走很多手动排查步骤。


























