第一次立即执行setInterval函数

有一种方法可以配置javascript的setInterval方法来立即执行该方法，然后与计时器一起执行

当前回答

其实最快的就是去做

interval = setInterval(myFunction(),45000)

它会调用myfunction，然后每45秒再做一次，这和之前做的不一样

interval = setInterval(myfunction, 45000)

它不会调用它，但只安排它

其他回答

有一个方便的npm包叫做firstInterval(完全披露，它是我的)。

这里的许多示例都不包括参数处理，在任何大型项目中更改setInterval的默认行为都是有害的。从文档中可以看出:

这种模式

setInterval(callback, 1000, p1, p2);
callback(p1, p2);

等于

firstInterval(callback, 1000, p1, p2);

如果您使用的是老式浏览器，并且不想要依赖项，那么可以简单地从代码中剪切和粘贴。

我不确定我是否理解正确，但你可以很容易地做这样的事情:

setInterval(function hello() {
  console.log('world');
  return hello;
}(), 5000);

显然有很多方法可以做到这一点，但这是我能想到的最简洁的方法。

这里有一个简单的版本给新手，没有所有的混乱。它只是声明函数，调用它，然后开始interval。就是这样。

//在这里声明函数函数My_Function () { console.log (" foo "); ｝ //首先调用函数 My_Function (); //设置时间间隔 Var interval =窗口。setInterval(My_Function, 500);

你可以在函数中设置一个非常小的初始延迟时间(例如100)，并将其设置为你想要的延迟时间:

Var延迟= 100; 函数foo() { console.log("改变初始延迟时间为你想要的。"); 延迟= 12000; setTimeout (foo,延迟); ｝

最简单的方法是自己第一次直接调用函数:

foo();
setInterval(foo, delay);

然而，有很好的理由避免setInterval——特别是在某些情况下，整个setInterval事件负载可以在彼此之后立即到达，没有任何延迟。另一个原因是，如果你想停止循环，你必须显式调用clearInterval，这意味着你必须记住从最初的setInterval调用返回的句柄。

因此，另一种方法是让foo在后续调用中使用setTimeout来触发自身:

function foo() {
   // do stuff
   // ...

   // and schedule a repeat
   setTimeout(foo, delay);
}

// start the cycle
foo();

这保证了调用之间至少有一个延迟间隔。如果需要的话，它还使取消循环变得更容易——当达到循环终止条件时，您不需要调用setTimeout。

更好的是，你可以把这一切都包装在一个立即调用的函数表达式中，它创建了函数，然后像上面一样再次调用自己，并自动启动循环:

(function foo() {
    ...
    setTimeout(foo, delay);
})();

它定义了函数，并开始了整个循环。

推荐文章