在前端开发中，我们经常会使用定时器来实现一些周期性的任务，比如轮播图、自动刷新等。但是，在某些情况下，我们需要停止这些定时器，以避免出现意想不到的后果。那么，如何清除所有 setInterval() 的计时器呢？本文就为大家介绍几种方法。
方法一：使用全局变量
在创建定时器时，可以将其 ID 存储在一个全局变量中。当需要停止所有定时器时，只需遍历该变量并调用 clearInterval() 函数即可。示例代码如下：
-- -------------------- ---- -------
-- --------- --
--- ------ - -----------------------
----------------------
-- ------
--- ------ - -----------------------
----------------------
-- ------
-- -------
-------- ----------------
----------------------
----------------------
-这种方法非常直接，容易理解和实现。但是，如果有很多个定时器，我们需要手动管理所有的 ID，工作量较大，并且容易出错。
方法二：使用数组
在创建定时器时，可以将其 ID 存储在一个数组中。当需要停止所有定时器时，只需遍历该数组并调用 clearInterval() 函数即可。示例代码如下：
-- -------------------- ---- -------
-- ----- -- ---
--- ------ - ---
-- --------- --
-----------------------------------
----------------------
-- -------
-----------------------------------
----------------------
-- -------
-- -------
-------- ----------------
------- ---- ---------------- -----
-------------------------
-
-这种方法比较灵活，可以动态添加和删除定时器。但是，如果有重复的定时器 ID，会导致停止不完全。
方法三：使用递归
在创建定时器时，可以将其返回的 ID 作为参数传递给下一个定时器，并递归调用自身。当需要停止所有定时器时，只需调用最初的定时器 ID 即可。示例代码如下：
-- -------------------- ---- -------
-- --------- --
-------- -------------------
--- -- - -----------------------
---------------------
------------------- -- ------
-- -------
------ ---
-
-- ------- --
--- ------- - ------------------
-- -------
-------- ----------------
-----------------------
-这种方法比较巧妙，可以避免手动管理定时器 ID，但是需要注意递归调用的性能问题。
综上所述，清除所有 setInterval() 的计时器可以使用全局变量、数组或递归。具体方法选择取决于实际需求和特定情况。在使用定时器时，建议遵循以下几点：
- 仔细考虑定时器的使用场景和周期
- 避免创建过多的定时器
- 及时清除不再需要的定时器
祝大家在前端开发中使用定时器顺利！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/27276