📜  javascript 永远运行函数 - Javascript (1)

📅  最后修改于: 2023-12-03 14:42:36.683000             🧑  作者: Mango

JavaScript 永远运行函数

JavaScript 是一种基于事件驱动的编程语言,它允许我们创建各种交互式应用程序。在 JavaScript 中,有一种函数可以永远运行,这就是 setInterval 函数。

setInterval 函数

setInterval 函数是 JavaScript 中的一个全局函数。它的作用是在指定的时间间隔内重复执行一个函数或一段代码。

例如,下面的代码将每秒钟在控制台上打印当前时间:

setInterval(() => {
  console.log(new Date().toLocaleTimeString());
}, 1000);

上面的代码中,第一个参数是一个函数,第二个参数是时间间隔(以毫秒为单位)。这个函数将在每个时间间隔之后被执行。

需要注意的是,setInterval 函数会一直运行下去,直到页面被关闭。所以如果你想停止它,需要使用 clearInterval 函数。

clearInterval 函数

clearInterval 函数用于停止使用 setInterval 函数创建的计时器。它接受一个参数,这个参数是由 setInterval 函数返回的计时器 ID。

例如,下面的代码将在控制台上打印当前时间 5 次,每次间隔 1 秒:

const timerId = setInterval(() => {
  console.log(new Date().toLocaleTimeString());
}, 1000);

setTimeout(() => {
  clearInterval(timerId);
}, 5000);

上面的代码中,我们使用了 setTimeout 函数来在 5 秒钟之后调用 clearInterval 函数。这样可以确保计时器只会运行 5 次。

总结

JavaScript 的 setInterval 函数是一个非常有用的函数,它可以帮助我们创建重复执行的任务。但需要注意的是,它将一直运行下去,直到页面被关闭。如果你想停止它,需要使用 clearInterval 函数。