Wie man ein Intervall in JavaScript innehalten?

Bei der gleichzeitigen Implementierung verschiedener Funktionen müssen eine bestimmte Funktionalität für einige Zeit deaktiviert werden. Dies hilft bei der Beobachtung der Arbeit jeder Funktionalität. Manchmal ist die Anforderung, eine bestimmte Funktionalität für eine definierte Zeit anzuzeigen und dann zu deaktivieren. In solchen Fällen ist die Pause eines Intervalls in JavaScript von großer Hilfe, um mit solchen Situationen fertig zu werden.

Wie man ein Intervall in JavaScript innehalten?

Die folgenden Ansätze können in Kombination mit dem “verwendet werdensetInterval ()Methode zur Pause eines Intervalls in JavaScript:

• “Boolescher Wert" Ansatz.
• Der "JQuery" Ansatz.
• “ClearInterval ()" Methode.

Ansatz 1: Pause ein Intervall in JavaScript mit der Methode SetInterval () mit dem Booleschen Wert -Ansatz

Der "setInterval ()Methode ruft eine bestimmte Funktion in bestimmten Intervallen wiederholt auf. Dieser Ansatz kann implementiert werden, um der zugegriffenen Funktion einen bestimmten booleschen Wert zuzuweisen, der zum Pause und zum Entfernen des festgelegten Intervalls führt.

Syntax

setInterval (Funktion, Millisekunden)

In der obigen Syntax:

• “Funktion”Bezieht sich auf die ausführende Funktion und“Millisekunden”Ist das Zeitintervall.

Beispiel

Um dies zu demonstrieren, erstellen Sie ein HTML -Dokument und platzieren Sie die folgenden Zeilen darin:

= "Kopf"> Sekunden:



Fortsetzen
Pause

Im obigen Code:

• Innerhalb der "”Tag, enthalten die“SpanneElement für die Einbeziehung der Sekunden, die verstrichen werden sollen.
• Erstellen Sie danach zwei Tasten mit dem Anhang “ONCLICKEreignis, das auf zwei separate Funktionen umgeleitet wird.
• Eine der erstellten Tasten führt dazu, dass das Intervall pausiert, und der andere wird es fortsetzen.

Jetzt im JavaScript -Teil des Codes:

varget = document.GetElementById ("Kopf");
var pausiert = falsch;
var verströmtzeit = 0;
var t = setInterval (function ()
Wenn(!Pause)
verstrichene Zeit ++;
erhalten.InnerText = "Verstrichene Sekunden:" + verstrichene Zeit;

, 1000);
FunktionResuminterval ()
pausiert = falsch;

functionPauseInterval ()
pausiert = wahr;

Im obigen Code -Snippet:

• Greife auf ... zu "Spanne”Element nach seiner angegebenen“Ausweis" Verwendung der "dokumentieren.GetElementById ()" Methode.
• Weisen Sie im nächsten Schritt einen booleschen Wert zu “FALSCH" zum "blättern”Variable. In ähnlicher Weise initialisieren Sie die Variable “verstrichene Zeit" mit "0”Um es zu erhöhen.
• Wenden Sie nun das an “ansetInterval ()Methode zur Funktion und erhöht die initialisierte verstrichene Zeit in Form von Sekunden, wenn das Intervall auf (1000 Millisekunden = 1 Sekunde) eingestellt ist
• Deklarieren Sie im nächsten Schritt eine Funktion namens “ResumeInterval ()”. Hier zuweisen Sie den Booleschen Wert als “FALSCH"Zur zuvor zugewiesenen Variablen"blättern”. Dies führt dazu, dass das Pause bei der Schaltfläche Klick wieder aufgenommen wird.
• In ähnlicher Weise definieren Sie eine Funktion namens “pauseInterval ()”, Die das festgelegte Intervall pausieren, indem er den booleschen Wert ebenfalls wie beschrieben zuweist.

Ausgang

In der obigen Ausgabe kann beobachtet werden, dass die gewünschte Anforderung erfüllt ist.

Ansatz 2: Pause ein Intervall in JavaScript mit der Methode SetInterval () mit dem Jquery -Ansatz

Dieser Ansatz kann implementiert werden, um direkt auf die Schaltfläche zuzugreifen, ein Ereignis anzuschließen und einen booleschen Wert zuzuweisen.

Syntax

setInterval (Funktion, Millisekunden)

In der obigen Syntax:

• “Funktion”Bezieht sich auf die ausführende Funktion und“Millisekunden”Ist das Zeitintervall.

Beispiel

Der folgende Code-Snippet demonstrierte das Konzept:

= "Kopf"> Sekunden:



Fortsetzen
Pause

Im obigen Code:

• Zunächst einschließen die “JQuery" Bibliothek.
• Wiederholen Sie im nächsten Schritt den diskutierten Ansatz für die Einbeziehung der “Spanne"Element, um sich zu sammeln"Sekunden" drin.
• Danach geben Sie in ähnlicher Weise zwei separate Tasten zur Pause ein und nehmen Sie das Pause wieder auf.

Gehen Sie im jQuery -Teil die folgenden Zeilen des Codes durch:

var get = $ ('span');
var pausiert = falsch;
var verströmtzeit = 0;
var t = Fenster.setInterval (function ()
Wenn(!Pause)
verstrichene Zeit ++;
erhalten.Text ("Verstrichene Sekunden:" + verstrichene Zeit);

, 1000);
$ ('.Pause').auf ('klick', function ()
pausiert = wahr;
);
$ ('.spielen').auf ('klick', function ()
pausiert = falsch;
);

Befolgen Sie im obigen Code den angegebenen Schritten:

• Holen die "SpanneElement, indem Sie auf die "zeigen"Element" Name.
• In dem weiteren Code weisen Sie den Booleschen Wert in ähnlicher Weise dem “zu“blättern"Variable und initialisieren Sie die verstrichene Zeit mit"0”.
• Wiederbeleben Sie den diskutierten Ansatz für die Anwendung des “setInterval ()Methode zur Funktion und erhöht die verstrichene Zeit in Form von Sekunden ähnlich.
• Schließlich fügen Sie das an "klicken"Ereignis zu den beiden zugegriffenen Schaltflächen und weisen Sie jedem der Schaltflächen den angegebenen booleschen Wert mit dem JQuery zu" zu "An()" Methode.

Ausgang

In der oben gegebenen Ausgabe ist es offensichtlich, dass der Timer durchgeführt wird und erfolgreich wieder aufgenommen wird.

Ansatz 3: Pause ein Intervall in JavaScript mit der Methode setInterval () mit ClearInterval () -Methode

Der "ClearInterval ()Die Methode löscht den festgelegten Timer in der Methode setInterval (). Diese Methode kann verwendet werden, um das festgelegte Intervall zu pausieren “permanent”.

Syntax

setInterval (Funktion, Millisekunden)

In der obigen Syntax:

• “Funktion”Bezieht sich auf die ausführende Funktion und“MillisekundenIst das festgelegte Zeitintervall.

ClearInterval (Intervall)

In der obigen Syntax:

• “Intervall”Bezieht sich auf das Intervall, das aus der Methode setInterval () zurückgegeben wurde

Beispiel

Gehen Sie durch die angegebenen Codezeilen:

= "Kopf" style = "Schriftgewicht: fett;"> Sekunden:



Pause

• Wiederholen Sie hier die diskutierten Schritte in den vorherigen Methoden, um die zu enthaltenSpanne" Element.
• Erstellen Sie im nächsten Schritt ebenfalls eine Schaltfläche mit einem “ONCLICKEreignis auf die Funktion pauseInterval ().

Führen Sie die angegebenen Schritte im JavaScript -Teil des Codes aus:

varget = document.GetElementById ("Kopf");
var verströmtzeit = 0;
var t = setInterval (function ()
verstrichene Zeit ++;
erhalten.InnerText = "Verstrichene Sekunden:" + verstrichene Zeit;
, 1000);
functionPauseInterval ()
ClearInterval (t);

• In ähnlicher Weise zugreifen Sie im ersten Schritt auf die “Spanne”Element durch seine“Ausweis" Verwendung der "dokumentieren.GetElementById ()" Methode.
• Wiederholen Sie die diskutierten Methoden zur Initialisierung der “verstrichenZeit, die “anwenden“setInterval ()Methode und Inkrementierung der angegebenen verstrichenen Zeit gemäß dem festgelegten Intervall.
• Abschließend eine Funktion namens "deklarieren"pauseInterval ()”. Hier wenden Sie die “an“ClearInterval ()"Methode mit der Funktion"T”Als Parameter, auf dem das Intervall gesetzt ist. Dies führt dazu, dass das festgelegte Intervall dauerhaft pausiert.

Ausgang

Hier wird der Timer dauerhaft durchgeführt.

Wir haben die Ansätze zusammengestellt, um ein Intervall in JavaScript zu pausieren.

Abschluss

Der "boolescher Wert"Ansatz, der"JQuery"Ansatz oder der"ClearInterval ()Die Methode kann angewendet werden, um ein Intervall in JavaScript zu pausieren. Der erste Ansatz kann angewendet werden, um einen entsprechenden booleschen Wert auf die Zugriffsfunktion zuzuweisen. Der JQuery -Ansatz kann verwendet werden, um direkt auf die Taste zuzugreifen, ein Ereignis anzuschließen und einen booleschen Wert zuzuweisen, der zu einer insgesamt weniger Codekomplexität führt. Die Methode clearInterval () kann implementiert werden, um das festgelegte Intervall dauerhaft zu pausieren. In diesem Tutorial wurde die Ansätze erläutert, um ein Intervall in JavaScript zu pausieren.