Heim > Web-Frontend > js-Tutorial > Master-Timer-Funktionen und verzögerte Ausführung in JavaScript

Master-Timer-Funktionen und verzögerte Ausführung in JavaScript

王林
Freigeben: 2023-11-03 16:15:21
Original
1410 Leute haben es durchsucht

Master-Timer-Funktionen und verzögerte Ausführung in JavaScript

Um die Timer-Funktion und die verzögerte Ausführung in JavaScript zu beherrschen, benötigen Sie konkrete Codebeispiele.

In JavaScript stoßen wir häufig auf Situationen, in denen wir bestimmte Codes nach einem Zeitplan ausführen müssen. Zu diesem Zeitpunkt müssen Sie Timerfunktionen und verzögerte Ausführungstechniken verwenden, um die Aufgabe abzuschließen.

JavaScript bietet zwei Timer-Funktionen: setInterval() und setTimeout(). Die Funktion setInterval() kann einen Codeabschnitt in einem bestimmten Zeitintervall wiederholt ausführen, während die Funktion setTimeout() einen Codeabschnitt nach einer bestimmten Zeit ausführt.

Im Folgenden finden Sie konkrete Beispiele für die Verwendung dieser beiden Funktionen:

  1. Verwenden Sie die Timer-Funktion setInterval()
    Die Funktion setInterval() kann eine Funktion oder einen Codeblock in einem bestimmten Zeitintervall wiederholt ausführen. Das Folgende ist ein Beispiel für die Verwendung der Funktion setInterval() zur Ausgabe von „Hello World!“ alle 1 Sekunde:
function sayHello() {
  console.log("Hello World!");
}

setInterval(sayHello, 1000);
Nach dem Login kopieren

Im obigen Code definieren wir eine Funktion namens sayHello() zur Ausgabe von „Hello World!“. Verwenden Sie dann die Funktion setInterval(), übergeben Sie die Funktion sayHello als Parameter und geben Sie das Zeitintervall als 1000 Millisekunden (d. h. 1 Sekunde) an. Auf diese Weise wird die Funktion sayHello jede Sekunde ausgeführt.

  1. Verwenden Sie die Timer-Funktion setTimeout()
    Die Funktion setTimeout() kann eine Funktion oder einen Codeblock nach einer bestimmten Zeit ausführen. Das Folgende ist ein Beispiel für die Verwendung der Funktion setTimeout(), um 3 Sekunden zu verzögern und dann „Hello World!“ auszugeben:
function sayHello() {
  console.log("Hello World!");
}

setTimeout(sayHello, 3000);
Nach dem Login kopieren

Im obigen Code definieren wir auch eine Funktion namens sayHello(), um „Hello World!“ auszugeben. . Übergeben Sie dann die Funktion sayHello als Parameter über die Funktion setTimeout() und geben Sie die Verzögerungszeit auf 3000 Millisekunden (dh 3 Sekunden) an. Auf diese Weise wird nach 3 Sekunden die Funktion sayHello ausgeführt.

Neben der direkten Übergabe von Funktionen als Parameter können wir auch anonyme Funktionen zur Übergabe von Codeblöcken verwenden. Das Folgende ist ein Beispiel für die Verwendung einer anonymen Funktion:

setTimeout(function() {
  console.log("Hello World!");
}, 3000);
Nach dem Login kopieren

Im obigen Code verwenden wir eine anonyme Funktion als Parameter der Funktion setTimeout(). In dieser anonymen Funktion gibt es nur eine Codezeile, die zur Ausgabe von „Hello World!“ verwendet wird. Ebenso wird diese anonyme Funktion nach 3 Sekunden ausgeführt.

Zusammenfassung
Die Timerfunktionen setInterval() und setTimeout() werden in JavaScript häufig verwendet und können uns dabei helfen, die Notwendigkeit einer regelmäßigen Codeausführung zu erkennen. Durch das Erlernen und Beherrschen ihrer Verwendung können wir die Anforderungen verschiedener geplanter Aufgaben besser bewältigen und sie in Verbindung mit bestimmten Geschäftsszenarien flexibel einsetzen.

Das obige ist der detaillierte Inhalt vonMaster-Timer-Funktionen und verzögerte Ausführung in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage