Um ein Wiederholungsintervall in JavaScript zu erstellen, müssen Sie die Funktion "setInterval () verwenden, mit der Funktionen oder Codebl?cke in angegebenen Millisekunden -Intervallen wiederholt ausgeführt werden. SetInterval () => {console.log ("Alle 2 Sekunden ausführen");}, 2000) gibt eine Nachricht alle 2 Sekunden aus, bis sie durch ClearInterval (Intervalid) gel?scht wird. Es kann in tats?chlichen Anwendungen verwendet werden, um Uhren, Umfrageserver und andere Szenarien zu aktualisieren, aber auf die Mindestverz?gerungsgrenze und die Auswirkungen der Funktionsausführungszeit zu achten und das Intervall rechtzeitig zu l?schen, wenn es nicht mehr ben?tigt wird, um Speicherleckage zu vermeiden. Insbesondere vor der Deinstallation oder dem Schlie?en der Komponente sollte es gereinigt werden, um die Programmstabilit?t und die Ressourcenver?ffentlichung sicherzustellen.

Um ein Wiederholungsintervall in JavaScript zu erstellen, verwenden Sie die Funktion setInterval() . Es wird in festen Zeitintervallen wiederholt eine angegebene Funktion oder einen Codeblock ausgeführt, gemessen in Millionenkunden.

So funktioniert es:

Grundlegende Syntax

 const intervalid = setInterval (Funktion, Verz?gerung, Param1, Param2, ...);

• function : Die Funktion, die wiederholt ausgeführt wird.
• delay : Das Zeitintervall zwischen Hinrichtungen in Millionen Sekunden.
• Zus?tzliche Parameter (optional): übergeben an die Funktion, wenn sie aufgerufen wird.

Beispiel: Einfache Wiederholungsnachricht

 setInterval (() => {
  console.log ("Das l?uft alle 2 Sekunden");
}, 2000);

Dadurch wird die Nachricht alle 2000 Millionen Sekunden (2 Sekunden) gedruckt, bis das Intervall gel?scht oder das Programm endet.

Das Intervall r?umen

Um die Wiederholung zu stoppen, verwenden Sie clearInterval() mit der von setInterval zurückgegebenen Intervall -ID.

 const invalid = setInterval (() => {
  console.log ("rennen ...");
}, 1000);

// nach 5 Sekunden anhalten
setTimeout (() => {
  ClearInterval (Intervalid);
  console.log ("gestoppt");
}, 5000);

Praktische Anwendungsf?lle

Aktualisierung der Uhr -Anzeige

 Funktion updateClock () {
  const jetzt = neues Datum ();
  console.log (jetzt.tolocaletimestring ());
}

const ClockInterval = setInterval (UpdateClock, 1000);

Dies protokolliert jede Sekunde die aktuelle Zeit.

Regelm??ig einen Server befragen

 const polfServer = setInterval (async () => {
  const response = warte fetch ('/api/status');
  const data = warte auf response.json ();
  if (data.ready) {
    console.log ("Aufgabe abgeschlossen!");
    ClearInterval (PollServer); // Abfrage aufh?ren
  }
}, 3000); // alle 3 Sekunden überprüfen

Wichtige Anmerkungen

• Mindestverz?gerung : Die Verz?gerung ist garantiert nicht genau. Browser und Knoten.js k?nnen eine Mindestverz?gerung auferlegen (normalerweise um 4 ms für verschachtelte Intervalle).
• Ausführungszeit ist wichtig : Wenn die Funktion l?nger als die Ausführung der Verz?gerung dauert, kann sie überlappende oder übersprungene Anrufe verursachen.
• Immer L?schenintervalle, wenn sie nicht mehr ben?tigt werden-insbesondere in einseitigen Apps oder bei Entbindungskomponenten-, um Speicherlecks zu vermeiden.

 // Gute Praxis: Immer aufr?umen
window.adDeVentListener ('voranladung', () => {
  ClearInterval (Intervalid);
});

Grunds?tzlich ist setInterval einfach zu bedienen, erfordert jedoch Sorgfalt, um ein unbeabsichtigtes Verhalten zu vermeiden. Verwenden Sie clearInterval , wenn Sie fertig sind, und halten Sie die Verz?gerung basierend auf Ihrem Anwendungsfall angemessen.

Das obige ist der detaillierte Inhalt vonSo erstellen Sie ein Wiederholungsintervall mit SetInterval in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!