每 x 秒的角度调用函数 - Javascript

在前端开发中，我们经常需要按照指定时间间隔执行一些操作。本文介绍如何每隔 x 秒执行一个函数，并且该函数可根据需要传递参数。

setInterval() 函数

要实现每隔 x 秒执行一个函数，可以使用 setInterval() 函数。该函数接受两个参数：要执行的函数以及多少毫秒后重复执行该函数。

以下是语法：

setInterval(function, delay);

要停止执行 setInterval()，可以使用 clearInterval() 函数。使用方式如下：

clearInterval(intervalId);

其中，intervalId 是 setInterval() 函数返回的 ID 值，用于标识要停止的计时器。

实现每隔 x 秒执行一个函数

下面是一个示例，演示如何每隔 5 秒执行一个函数：

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

var intervalId = setInterval(myFunction, 5000);

在上面的示例中，myFunction 函数每隔 5 秒执行一次。

如果想要停止计时器，可以使用以下代码：

clearInterval(intervalId);

实现每隔 x 秒执行带参数的函数

如果要执行带参数的函数，需要在 setInterval() 函数内部使用匿名函数。这个匿名函数负责调用带参数的函数，并把参数传递给它。

下面是一个示例，演示如何每隔 5 秒执行一个带参数的函数：

function myFunction(name) {
  console.log("Hello " + name + "!");
}

var intervalId = setInterval(function() {
  myFunction("World");
}, 5000);

在上面的示例中，匿名函数每隔 5 秒调用 myFunction 函数，并传递参数 "World"。

总结

使用 setInterval() 函数可以轻松地实现每隔 x 秒执行一个函数的功能。如果需要执行带参数的函数，需要在 setInterval() 内部使用匿名函数，调用带参数的函数并传递参数。要停止执行 setInterval()，可以使用 clearInterval() 函数。