📜  如何使用 JavaScript 立即触发 setInterval 循环?(1)

📅  最后修改于: 2023-12-03 15:08:20.590000             🧑  作者: Mango

如何使用 JavaScript 立即触发 setInterval 循环?

setInterval 是 JavaScript 中常用的定时器函数,可以用于定时执行某个函数或语句。但有时我们需要在调用 setInterval 后立即触发第一次执行,本文将介绍几种方法实现这个需求。

方法一:使用立即执行函数

我们可以使用一个立即执行函数,用于在调用 setInterval 后立即触发第一次执行。

setInterval(function() {
  // do something
}, 1000);

// 立即触发第一次执行
(function() {
  // do something
})();
方法二:使用 setTimeout

我们可以在 setInterval 调用后使用 setTimeout 来延迟第一次执行的时间,并在延迟结束后再执行第一次。

function doSomething() {
  // do something
}

setInterval(doSomething, 1000);

// 延迟 0 秒后执行第一次
setTimeout(doSomething, 0);
方法三:使用自定义函数

我们可以自定义一个函数,用于同时执行我们的函数和 setInterval

function mySetInterval(fn, interval) {
  // 先执行一次
  fn();
  
  // 创建定时器
  return setInterval(fn, interval);
}

// 使用自定义函数调用
mySetInterval(function() {
  // do something
}, 1000);

以上是几种实现立即触发 setInterval 的方法,可以根据需求选择适合的方式。