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

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

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

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);

例子

下面是一个例子,说明如何使用Interval()函数在JavaScript中每5秒重复调用一个函数

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

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

The setInterval function returns a unique ID which can be passed to the clearInterval function to stop the function from being called repeatedly −

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

这段代码创建了一个间隔,每5秒(5000毫秒)调用一次myFunction函数。该函数将一直运行,直到网站关闭或间隔时间被清除。

输出

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

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程

JavaScript 教程