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

javascriptjavascript 2023-08-28 08:55:21 782
摘要： 我们将使用setInterval()函数每隔5秒钟重复调用一个函数。这个函数接受两个参数，第一个是要调用的函数，第二个是以毫秒为单位的时间间隔。JavaScriptsetInterval的中文翻译为：JavaScriptsetIntervalsetInterval()...

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

JavaScript setInterval

的中文翻译为：

JavaScript setInterval

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

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

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

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

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

方法

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

setInterval(myFunction, 5000);

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

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

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

Example

的中文翻译为：

示例

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

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

setInterval() 函数接受两个参数：第一个参数是你想要调用的函数，第二个参数是以毫秒为单位的时间间隔。在这个例子中，myFunction 函数每隔 5,000 毫秒或 5 秒被调用一次。

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

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

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

输出

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

标签：