JavaScript 参考手册 目录

Window setInterval() 方法

在 Web 前端开发中,我们经常会遇到需要定时执行某些操作的情况,比如每隔一定时间更新页面上的数据或者执行一些动画效果。而在 JavaScript 中,我们可以使用 setInterval() 方法来实现定时执行某个函数或代码块。

语法

setInterval() 方法的语法如下:

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

返回值

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

示例

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

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

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

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

取消定时执行

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

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

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

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

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

注意事项

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

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


下一篇:概览