JavaScript -SetInterval () -Funktion Beispiele

Die

-Funktion von JavaScript setInterval() wird verwendet, um Aufgaben automatisch auf der Grundlage eines Timers auszuführen. setInterval() ist eine native JavaScript -Funktion, die der setTimeout() -Funktion von JQuery sehr ähnlich ist.

Basic setInterval() Beispiel

setInterval(function() {
      // 每5秒执行一次操作
}, 5000);

Tipp: Wenn Sie das Bild dynamisch laden und die Variablen aus dem PHP -Skript laden, müssen Sie dem Skript eine zufällige Zahl hinzufügen, um alle Browser zum Aktualisieren zu zwingen. Der folgende Code kann verwendet werden, um zufällige Zahlen zu generieren:

$(document).ready(function() {
    var refreshId = setInterval(function() {
        var r = (-0.5) + (Math.random() * (1000.99));
        $('#img-container').load('images/gallery/best/random.php?' + r);
    }, 5000);
});

Tipp: Sie müssen möglicherweise auch die AJAX -Methode anstelle der Lastmethode verwenden, um zwischengespeicherte AJAX -Anforderungen zu verhindern. Alternativ können Sie zum Verhindern von Browser -Cache random.php zum oberen Rand der header("Cache-Control: no-cache, must-revalidate"); -Datei hinzufügen.

JavaScript setInterval FAQs (FAQs)

Was ist der Unterschied zwischen

setInterval und setTimeout?

setInterval und setTimeout sind beide integrierte JavaScript-Funktionen, die zum Ausführen von Code nach einem bestimmten Zeitraum verwendet werden. Sie arbeiten jedoch anders. setInterval führt den Code wiederholt aus, bis er gestoppt wird. setTimeout

Wie kann oder klären Sie

? setInterval

Sie können die Funktion

verwenden, um clearInterval zu stoppen oder zu löschen. Diese Funktion erfordert den von der setInterval -Funktion zurückgegebenen ID -Wert als Parameter. Beispiel: setInterval

let intervalID = setInterval(myFunction, 3000);
// 清除间隔
clearInterval(intervalID);

Nach dem Aufrufen von

wird clearInterval alle 3 Sekunden aufhören, auszuführen. myFunction

Kann

mit Pfeilfunktionen verwendet werden? setInterval

Ja. Pfeilfunktionen bieten eine kurze Syntax, um Funktionsausdrücke in JavaScript zu schreiben. Beispiel:

setInterval(() => {
  console.log('Hello, World!');
}, 1000);

Dieser Code erfasst "Hallo, Welt!" In der Konsole jede Sekunde.

Wie verwendet ich

in der JavaScript -Klasse? setInterval

kann in einer Klasse mit der Methode

Schlüsselwortreferenzklasse verwendet werden. Sie müssen jedoch das Schlüsselwort this an die Klasseninstanz binden, andernfalls verweist es auf das globale Objekt. Beispiel: setInterval this

Dieser Code erfasst "Hallo, Welt!" In der Konsole jede Sekunde.

class MyClass {
  constructor() {
    this.myMethod = this.myMethod.bind(this);
    setInterval(this.myMethod, 1000);
  }

  myMethod() {
    console.log('Hello, World!');
  }
}

Können zusätzliche Parameter an Funktionen in

übergeben werden?

setInterval Ja. Nach den verzögerten Parametern kann eine beliebige Anzahl von Parametern hinzugefügt werden, zu denen die Funktion übergeben wird, wenn die Funktion aufgerufen wird. Beispiel:

Dieser Code erfasst "Hallo, Welt!" In der Konsole jede Sekunde.

setInterval(function(a, b) {
  console.log(a + b);
}, 1000, 'Hello, ', 'World!');

Wie kann ich setInterval mit Versprechen verwenden?

kann mit Versprechen verwendet werden, indem setInterval in den Promise -Konstruktor eingewickelt wird. Denken Sie jedoch daran, dass setInterval weiter ausgeführt wird, bis es gestoppt ist. Sie müssen also eine Bedingung zur Analyse oder Ablehnung des Versprechens geben. Beispiel: setInterval

setInterval(function() {
      // 每5秒执行一次操作
}, 5000);

Dieser Code analysiert Versprechen nach 6 Sekunden.

Was passiert, wenn die Funktion länger als die

Verzögerungszeit ausgeführt wird? setInterval

Wenn die Funktionsausführungszeit länger als die Zeitverzögerungszeit ist, wird der nächste Anruf unmittelbar nach Abschluss des aktuellen Anrufs in die Warteschlange gestellt und ausgeführt. Dies kann dazu führen, dass Funktionsaufrufe zum Stapeln führen, was zu Leistungsproblemen führen kann.

setInterval Kann ich

in node.js verwenden?

setInterval Ja, es funktioniert genauso wie im Browser. Beispiel:

Dieser Code erfasst "Hallo, Node.js!" In der Konsole jede Sekunde.

$(document).ready(function() {
    var refreshId = setInterval(function() {
        var r = (-0.5) + (Math.random() * (1000.99));
        $('#img-container').load('images/gallery/best/random.php?' + r);
    }, 5000);
});

wie kann ich

mit

verwenden? setInterval async/await kann mit

durch ein Wickeln

in ein Versprechen verwendet und dann das Versprechen mit setInterval syntax verarbeiten. Beispiel: async/await setInterval async/await Dieser Code wird nach 6 Sekunden in der Konsole in der Konsole aufzeichnen.

let intervalID = setInterval(myFunction, 3000);
// 清除间隔
clearInterval(intervalID);

Kann ich

mit JQuery verwenden?

Ja, Sie können es verwenden, um einen Teil einer Webseite, animierten Elemente oder andere Aufgaben auszuführen. Beispiel: setInterval

Dieser Code führt dazu, dass das Element mit der ID "Myelement" verblasst und dann in jeder Sekunde verblasst.

Das obige ist der detaillierte Inhalt vonJavaScript -SetInterval () -Funktion Beispiele. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!