第一次立即执行setInterval函数

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

当前回答

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

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

这种模式

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

等于

firstInterval(callback, 1000, p1, p2);

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

其他回答

因为有人需要把外面的这个放在里面就像一个箭头函数一样。

(function f() {
    this.emit("...");
    setTimeout(f.bind(this), 1000);
}).bind(this)();

如果上面产生的垃圾困扰着你，你可以做一个闭包。

(that => {
    (function f() {
        that.emit("...");
        setTimeout(f, 1000);
    })();
})(this);

或者根据您的代码考虑使用@autobind装饰器。

你可以将setInterval()包装在提供该行为的函数中:

function instantGratification( fn, delay ) {
    fn();
    setInterval( fn, delay );
}

.．.然后这样使用它:

instantGratification( function() {
    console.log( 'invoked' );
}, 3000);

函数的即时异步调用存在一个问题，因为标准的setTimeout/setInterval即使直接将其设置为0，也具有大约几毫秒的最小超时。这是由浏览器特定的工作引起的。

一个具有REAL零延迟的代码示例，可在Chrome, Safari, Opera中工作

function setZeroTimeout(callback) {
var channel = new MessageChannel();
channel.port1.onmessage = callback;
channel.port2.postMessage('');
}

你可以在这里找到更多信息

在第一次手动调用之后，您可以用函数创建一个间隔。

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

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

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

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

这种模式

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

等于

firstInterval(callback, 1000, p1, p2);

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

推荐文章