在 Javascript 中设置几秒钟后运行函数

在 Javascript 中，我们经常需要在一段时间后运行一段代码。这可以通过使用 setTimeout 函数来实现。 setTimeout 函数接受两个参数，第一个参数是要运行的函数，第二个参数是要等待的时间（以毫秒为单位）。

用法示例

// 5 秒钟后运行 myFunction 函数
setTimeout(myFunction, 5000);

// 定义要运行的函数
function myFunction() {
  console.log("Hello, World!");
}

这将在 5 秒钟后运行 myFunction 函数，并输出 "Hello, World!" 到控制台。

使用箭头函数

您还可以使用箭头函数来传递要运行的函数。这样可以让代码更加简洁易读。

// 3 秒钟后运行 arrowFunction 函数
setTimeout(() => {
  console.log("Arrow function");
}, 3000);

取消 setTimeout

如果您需要取消 setTimeout，可以使用 clearTimeout 函数。clearTimeout 函数接受一个参数，该参数是要取消的setTimeout 的 ID。

const timeoutId = setTimeout(myFunction, 5000);

// 取消上面的 setTimeout
clearTimeout(timeoutId);

总结

setTimeout 函数是 JavaScript 中用于设置定时器的函数。它接受两个参数：要运行的函数和要等待的时间。您可以使用简单函数或箭头函数作为要运行的函数。要取消定时器，请使用 clearTimeout 函数并传入要取消的定时器的 ID。

参考文献

• MDN - WindowOrWorkerGlobalScope.setTimeout()