Zusammenfassung der JavaScript-Timertypen

Zusammenfassung der JavaScript-Timertypen

1.setInterval()

Ruft die Funktion in einem angegebenen Intervall (in Millisekunden) auf.

Die Methode ruft die Funktion so lange auf, bis clearInterval() aufgerufen oder das Fenster geschlossen wird.

Grammatik:

setzeInterval(Code,Millisekunden,[Arg1,Arg2,...])

Parameter beschreiben
Code Erforderlich. Die auszuführende Codezeichenfolge.
Millisekunde muss. Das Zeitintervall in Millisekunden.
arg1, arg2, … Optional. Wenn der Timer abläuft, werden zusätzliche Parameter an die durch func angegebene Funktion übergeben

2.setTimeout()

Ruft eine Funktion nach der angegebenen Anzahl Millisekunden auf.

Grammatik:

setTimeout(code,millisec,[arg1, arg2, ...]); //Parameter haben die gleiche Funktion wie oben

Abschließende Codedemonstration:

//1. Sie können setTimeout direkt mit der Pfeilfunktion (()=>{ schreiben.
 dies.isSkeleton=false;
  },2000)
 
//2. Sie können einen Wert zurückgeben und dann clearTimeout() aufrufen, um den Timer abzubrechen.
lass ein = setzeTimeout(()=>{
  Warnung ('Popup');
  },5000);
Funktion b() {
  window.clearTimeout(a); // Das Popup-Fenster wird nach 5 Sekunden angezeigt. Durch Aufrufen der Funktion b kann das Popup direkt abgebrochen werden.}

Rückgabewert:

Der Rückgabewert intervalID ist ein Wert ungleich Null, der zur Identifizierung des von setInterval() erstellten Timers verwendet wird. Dieser Wert kann als Parameter von clearInterval() verwendet werden, um den entsprechenden Timer zu löschen. Beachten Sie, dass setInterval() und setTimeout() denselben ID-Pool gemeinsam nutzen. Vermeiden Sie daher eine Vermischung.

Zum Schluss noch etwas Wissenswertes:

JS-Objekte können auf zwei Arten bezogen werden: Eine wird vom Entwickler angepasst, die andere wird von ECMAScript bereitgestellt. Die von ECMAScript bereitgestellten Objekte werden als integrierte JavaScript -Objekte bezeichnet.

Der Timer wird vom window bereitgestellt und window kann auch vor dem Timer hinzugefügt werden.

Dies ist das Ende dieses Artikels über die Zusammenfassung der JavaScript-Timertypen. Weitere Informationen zu JavaScript-Timertypen finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

Das könnte Sie auch interessieren:
  • Detaillierte Erklärung des JavaScript-Timer-Prinzips
  • Detaillierte Erklärung der JavaScript-Timer
  • Details zum JavaScript-Timer
  • JavaScript-Timer zur Realisierung einer zeitlich begrenzten Flash-Sale-Funktion
  • JavaScript-Timer zum nahtlosen Scrollen von Bildern

<<:  Lösung für PHP, das nach Abschluss der Nginx-Installation nicht analysiert werden kann

>>:  So lösen Sie das Problem, dass nach dem Senden der HTML-Formulareingabe kein Formularwert angezeigt wird, indem Sie deaktivierte

Artikel empfehlen

Snake-Spiel mit nativem JS schreiben

In diesem Artikel wird der spezifische Code zum S...

Eine vollständige Liste gängiger Linux-Systembefehle für Anfänger

Das Erlernen von Linux-Befehlen stellt für die me...

UCenter-Homepage fügt Statistikcode hinzu

UCenter Home ist ein von Comsenz veröffentlichtes ...

Vor- und Nachteile gängiger MySQL-Speicher-Engines

Inhaltsverzeichnis Alle Speicher-Engines anzeigen...

Können Sie alle Testfragen zum Erstellen der Webseite beantworten?

Fragen zum Webdesign. Können Sie alle beantworten...

Eine kurze Diskussion über den CSS-Kaskadierungsmechanismus

Warum hat CSS einen Kaskadierungsmechanismus? Da ...

So wählen Sie zwischen MySQL CHAR und VARCHAR

Inhaltsverzeichnis VARCHAR- und CHAR-Typen Abschl...

So verwenden Sie Docker zum Bereitstellen von Front-End-Anwendungen

Docker erfreut sich immer größerer Beliebtheit. E...

Detaillierte Analyse des Blockierungsproblems von js und css

Inhaltsverzeichnis DOMContentLoaded und laden Was...

So wählen Sie die Transaktionsisolationsebene in einem MySQL-Projekt

Einführung Beginnen wir mit unserem Inhalt. Ich g...

Vue-Praxis zur Vermeidung mehrfacher Klicks

Im Allgemeinen werden Klickereignisse in verschie...

JS erzielt Fünf-Sterne-Lobeffekt

Verwenden Sie JS, um objektorientierte Methoden z...