Wie starte ich die setInterval-Schleife sofort? [duplicate]

In einem einfachen setInterval

setInterval(function() {
      // Do something every 9 seconds
}, 9000);

Die erste Aktion erfolgt nach 9 Sekunden (t=9s). So zwingen Sie die Schleife, die erste Aktion sofort auszuführen (t=0)?

Ich denke, es liegt am Mechanismus von setInterval haben Delay - Action - Delay - Action ... Schleife; Anstatt von Action - Delay - Action - Delay ... Schleife.

BEARBEITEN: Meine Funktion ist ja eine Schleife als

setInterval(function(){
$('.test').each(function(idx){
    var duration = 1000;
    $(this).delay(duration*idx);
    Some stuff here
});
}, 4000);

Halte es einfach. Sie können eine benannte Funktion anstelle einer anonymen Funktion verwenden; Rufen Sie es auf und legen Sie ein Intervall dafür fest.

function doSomething() {
    console.log("tick");
}
doSomething();
setInterval(doSomething, 9000);

Erstellen Sie bei Bedarf einen Bereich:

(function() {
    function doSomething() {
        console.log("tick");
    }
    doSomething();
    setInterval(doSomething, 9000);
})();

Schließlich funktioniert Folgendes, ohne zu erstellen oder zu beeinflussen x:

setInterval(function x() {
    console.log("tick");
    return x;
}(), 9000);

Manchmal verwende ich dieses Muster …

(function me() {
    // Do something every 9 seconds

    setTimeout(me, 9000);
})();

Es ist nicht ganz dasselbe, da es bis zum warten wird etwas tun wird ausgeführt, bevor ~9 Sekunden gewartet wird, um es erneut aufzurufen. Dies ist jedoch oft nützlich, damit sich Ereignisse in der Ereigniswarteschlange nicht unnötig stapeln (es ist jedoch unwahrscheinlich, dass ein Code 9 Sekunden zum Ausführen benötigt 🙂

Beachten Sie, dass in älteren IEs die me wird nach außen durchsickern.

setInterval() ist eine wirklich hässliche Funktion. Ich verwende diese bereinigte Version, die die Funktion sofort aufruft und vor dem Funktionsparameter eine Zeit in Sekunden benötigt, sodass der Aufruf mit einer Inline-Funktionsdefinition tatsächlich sinnvoll erscheint.

function startInterval(seconds, callback) {
  callback();
  return setInterval(callback, seconds * 1000);
}

Verwenden Sie eine benannte Funktion, rufen Sie sie auf und weisen Sie sie dem Intervall zu.

var myFnc = function() {
    // Do something every 9 seconds
};
setInterval(myFnc, 9000);
myFnc();

Die andere Möglichkeit besteht darin, stattdessen setTimeout zu verwenden.

var myFnc = function() {
    // Do something every 9 seconds
    setTimeout(myFnc, 9000);
};
myFnc();