Window setInterval() 方法

语法

setInterval() 方法的语法如下:

  • func:要定时执行的函数或代码块。
  • delay:执行 func 的时间间隔,单位为毫秒。
  • param1, param2, ...:可选参数,传递给 func 的参数。

返回值

setInterval() 方法会返回一个唯一的 ID 值,可以用于后续取消定时执行。

示例

下面我们来看一个简单的示例,每隔一秒钟在控制台输出一段文本:

在这个示例中,我们定义了一个名为 logText 的函数,然后使用 setInterval() 方法每隔一秒钟调用一次这个函数,在控制台输出一段文本。

取消定时执行

如果我们想要取消之前设置的定时执行,可以使用 clearInterval() 方法。示例如下:

-- -------------------- ---- -------
-------- --------- -
  ------------------- ---------------
-

--- ---------- - --------------------------- ------

-- - --------
--------------------- -
  --------------------------
-- ------

在这个示例中,我们在设置定时执行后等待 5 秒,然后调用 clearInterval() 方法取消之前设置的定时执行。

注意事项

  • delay 参数表示的是在 func 执行完毕后等待多久再次执行,而不是函数执行的总时间间隔。
  • 请确保在不需要定时执行时调用 clearInterval() 取消定时执行,避免资源浪费和性能问题。

通过 setInterval() 方法,我们可以方便地实现定时执行某个函数或代码块的功能,为 Web 前端开发提供了更多的可能性。希望本文对你有所帮助!

纠错
反馈