js中setInterval用法

原创
ithorizon 4周前 (10-19) 阅读数 35 #Javascript
setinterval() 函数用于定时执行代码,其用法为:1. 定义回调函数;2. 调用 setinterval(),传入回调函数和时间间隔(毫秒);3. 返回定时器 id;4. 可使用 clearinterval() 清除定时器。

setInterval() 用法

setInterval() 是 JavaScript 中一个内置函数,用于设置一个定时器,每隔指定的时间间隔执行一次指定的代码。其语法如下:

setInterval(callback, milliseconds)

参数:

  • callback:要执行的代码,可以是函数表达式、箭头函数或匿名函数。
  • milliseconds:以毫秒为单位的时间间隔,即每隔多长时间执行一次代码。

使用方法:

  1. 首先,定义一个包含要执行的代码的回调函数。
  2. 调用 setInterval() 函数,并传入回调函数和时间间隔(毫秒)作为参数。
  3. setInterval() 将返回一个定时器 ID,该 ID 用于标识定时器,以便稍后可以清除它。

示例:

// 定义回调函数
const callback = () => {
  console.log("Hello World!");
};

// 设置定时器,每隔 2 秒执行一次 callback 函数
const timerID = setInterval(callback, 2000);

清除定时器:

要清除定时器,可以使用 clearInterval() 函数,并传入定时器 ID 作为参数。

// 清除定时器
clearInterval(timerID);

注意事项:

  • 指定的时间间隔是近似的,实际执行时间可能会有轻微偏差。
  • 如果在执行回调函数期间发生了错误,计时器将继续执行,不会被中止。
  • 如果需要精确控制执行时间,可以使用 requestAnimationFrame() 函数。

以上就是js中setInterval用法的详细内容,更多请关注IT视界其它相关文章!



热门