取消 setTimeout - JavaScript

在 JavaScript 中，setTimeout() 函数可用于延迟执行一段代码。但是，如果在执行前需要取消计时器的话，该怎么办呢？本文将介绍如何取消 setTimeout。

setTimeout 的语法

setTimeout() 函数接受两个参数：

• 要执行的函数
• 延迟的时间（以毫秒为单位）

setTimeout(myFunction, 3000);

上述代码将在 3 秒后执行 myFunction。

取消 setTimeout 的方法

如果在 setTimeout 设置的延迟时间内，需要取消函数的执行，可以使用 clearTimeout() 函数来取消计时器：

const myTimer = setTimeout(myFunction, 3000);

clearTimeout(myTimer);

上述代码声明了一个 myTimer 变量，并通过 setTimeout() 函数创建了一个计时器，每过 3 秒钟就执行 myFunction 函数。而在接下来的代码中，调用 clearTimeout() 函数，将 myTimer 变量传递进去，这样就取消了 myFunction 的执行。

若要进一步说明文本，需要使用更多的段落，和排版方式。 并且，若要说明更多的代码片段，可以使用代码块的方式，如下：

let myTimer = setTimeout(myFunction, 3000);

// 若要取消计时器，只需要调用 clearTimeout() 函数并传入计时器变量即可
clearTimeout(myTimer);

总结

在 JavaScript 中使用 setTimeout() 函数时，可能需要随时取消 setTimeout() 的执行。使用 clearTimeout() 函数，可以取消设置的计时器，同时让代码更加健壮。