Erstellen Sie Aufgaben mithilfe von SetTimeout und SetInterval in JavaScript

JavaScript bietet einige integrierte Methoden für die Zeitplanung wie "setTimeout ()" -Methode und "setInterval ()" -Methode. Diese Methoden werden zur Planung der Aufgaben verwendet. Die Methode „setTimeout ()“ führt eine Funktion nur einmal zum geplanten Zeit.

setInterval () -Methode in JavaScript

JavaScript bietet eine setInterval () -Methode, mit der wir wiederholt eine Funktion aufrufen können. Es braucht zwei Parameter, damit die Funktion aufgerufen werden kann, und der zweite Parameter ist für die Zeit. Der "SetInterval ()" kann zusätzliche Parameter nehmen und an die Rückruffunktion weitergeben.

Wir werden ein Beispiel in Betracht ziehen, um die Arbeit der Methode setInterval () zu verstehen:

Sei number = 0;
Sei number = 0;
Funktion Square ()
Nummer ++;
seq = number*nummer;
Konsole.log ("Nummer ist gleich:", Nummer);
Konsole.log ("Quadrat der Nummer:", seq);

setInterval (quadratisch, 3000);

In diesem Beispiel schreiben wir einen Code, um das Quadrat einer positiven Zahl zu drucken. Da wir die quadratische Funktion wiederholt aufrufen müssen, verwenden wir die "SetInterval ()" Methode. Der Code druckt das Quadrat jeder positiven Zahl nach der Verzögerung von 3 Sekunden:

Wie setInterval funktioniert

Anfangs haben wir eine Funktion erstellt "Quadrat( )" und innerhalb der "Quadrat( )" Funktion Wir haben den Code geschrieben, um das Quadrat einer beliebigen Zahl zu drucken. Danach rufen wir die auf "Quadrat( )" Funktion mit dem "SetInterval ()" Methode. Was wird nun passieren?? Eine Kette beginnt:

• Warten Sie 3 Sekunden, erhöhen Sie die Nummer und drucken Sie das Quadrat dieser Zahl aus,
• Und warten Sie erneut 3 Sekunden, dann erhöhen Sie die Nummer und drucken Sie das Quadrat dieser Zahl aus.
• Die Methode „setInterval ()“ druckt das Quadrat jeder Zahl wiederholt und nicht.

setTimeout () Methode in JavaScript

In JavaScript können wir mit der Methode „setTimeout ()“ jede Funktion nach der angegebenen Zeit einmal ausführen. Es braucht zwei Parameter, damit die Funktion aufgerufen werden kann, und der zweite Parameter ist für die Zeit. Betrachten wir das gleiche Beispiel und bewerben Sie sich "SetTimeout ()" Methode und beobachten Sie den Unterschied:

Sei number = 0;
Funktion Square ()
Nummer ++;
seq = number*nummer;
Konsole.log ("Nummer ist gleich:", Nummer);
Konsole.log ("Quadrat der Nummer:", seq);

setTimeout (quadratisch, 3000);

Infolgedessen wird die Quadratfunktion nur einmal aufgerufen, was bedeutet, dass das Quadrat nur eine Nummer ausdruiert wird:

Wie setInterval funktioniert

Wenn wir das aufrufen "Quadrat( )" Funktion mit dem "SetTimeout ()" Methode, was jetzt passieren wird?

• Wenn wir den Code ausführen, wartet er zunächst drei Sekunden, dann erhöht er die Nummer und druckte das Quadrat dieser Nummer aus.
• Aber diesmal würde es nicht die "Square ()" -Methode wieder aufrufen, weil "SetTimeout ()" Ruft die Funktion nur einmal auf, und als Ergebnis erhalten wir das Quadrat von nur einer Nummer.

Notiz:

Wir können die Funktion nicht in der Methode „setTimeout ()“ oder in der Methode „setInterval ()“ aufrufen ohne Verzögerung gedruckt:

setTimeout (quadratisch, 3000); // Syntax korrekt
setTimeout (square (), 3000); // falsche Syntax
setInterval (quadratisch, 3000); // Syntax korrekt
setInterval (square (), 3000); // falsche Syntax

In diesem Code haben wir sowohl korrekt als auch die falsche Syntax für die Methode "setTimeout ()" und "setInterval ()" -Methode geschrieben

Abschluss

JavaScript bietet einige integrierte Methoden, die verwendet werden, um ein Stück Code basierend auf einem Timer auszuführen. Diese Funktionen bieten unterschiedliche Funktionen, z. B. die Funktion „setTimeout ()“ führt jede Funktion nur einmal aus, während die Methode „setInterval ()“ jede Funktion rekursiv ausführt. Dieser Artikel bietet mit Hilfe einiger Beispiele einen Überblick über "SetTimeout" und "setInterval ()" -Methoden.