如何在 JavaScript 中每 5 秒重复调用一个函数？

我们将使用 setInterval() 函数每 5 秒重复调用一个函数。此函数接受两个参数，第一个是要调用的函数，第二个是以毫秒为单位的时间间隔。

JavaScript setInterval

• setInterval() 是一个 JavaScript 函数，允许您以指定的时间间隔（以毫秒为单位）重复执行一个函数。

• 它返回一个唯一的 ID，该 ID 可用于使用 clearInterval() 方法清除间隔。

• 它可用于定期更新页面或创建动画等任务。

• 它接受两个参数，要执行的函数和以毫秒为单位的时间间隔。

• 它将继续执行函数，直到使用 clearInterval() 清除它或页面关闭。

方法

您可以使用 setInterval() 函数在 JavaScript 中每 5 秒重复调用一个函数。

setInterval(myFunction, 5000);

第一个参数是要调用的函数，第二个参数是以毫秒为单位的时间间隔。在本例中，函数 myFunction 将每 5 秒（5000 毫秒）调用一次。

您可以通过调用 clearInterval() 函数并将 setInterval() 的返回值作为参数传递来停止间隔 -

let intervalId = setInterval(myFunction, 5000);
clearInterval(intervalId);

示例

以下是如何使用 setInterval() 函数在 JavaScript 中每 5 秒重复调用一个函数的示例 -

function myFunction() {
   console.log("Hello World!");
}
setInterval(myFunction, 5000);

setInterval() 函数接受两个参数：第一个参数是要调用的函数，第二个参数是以毫秒为单位的时间间隔。在本例中，myFunction 函数每 5000 毫秒（或 5 秒）调用一次。

setInterval 函数返回一个唯一的 ID，该 ID 可以传递给 clearInterval 函数以停止重复调用该函数 -

let intervalId = setInterval(myFunction, 5000);
clearInterval(intervalId);

此代码创建了一个间隔，每 5 秒（5000 毫秒）调用一次 myFunction 函数。该函数将一直运行，直到网站关闭或间隔被清除。

输出

AmitDiwan

更新于： 2023 年 2 月 16 日

27K+ 次查看

开启你的 职业生涯

通过完成课程获得认证

开始学习