Jak zatrzymać połączenie setInterval w JavaScript

W JavaScript wywołanie/wywołanie funkcji jest niezbędne do wielokrotnego wykonywania kawałka kodu. JavaScript zapewnia setInterval () metoda, która ustawia określone opóźnienie czasowe między każdym wywołaniem wielokrotnie nazywanej funkcją. Ponadto warto powstrzymać metody wywoływania. W tym celu clearInterval () Wprowadzono metodę, aby zatrzymać ustawione połączenie interwałowe. Ten post pokazuje metodę zatrzymania połączeń SetInterval w JavaScript.

• Jak zatrzymać połączenie setInterval w JavaScript
• Przykład 1: STOP SETINTINTERVAL CEL TIMET ZARZĄDUJĄCE METODA CLALEINTERVAL ()
• Przykład 2: Zatrzymaj połączenie komunikatu przy użyciu metody ClearInterval ()

Jak zatrzymać połączenie setInterval w JavaScript?

JavaScript jest w stanie wykonać określony kawałek kodu po opóźnieniu czasowym. Ilekroć funkcja lub kawałek kodu jest wykonywany wielokrotnie, możesz wykonać każdy kawałek po określonym okresie. Czasami sytuacja zatrzymuje wiadomość lub timer. clearInterval () Funkcja jest wykorzystywana do zatrzymania wywołania setInterval, przyjmując ten sam przedział czasu. Składnia jest tutaj podana:

Składnia

clearInterval (interal_id);

interal_id Określa przedział czasu, który jest zwracany z setInterval () metoda.

Przykład 1: Za pomocą metody ClearInterval () do zatrzymania SetInterval wywołania czasu zegara

Uważa się, że przykład zatrzymał setInterval czasu, stosując clearInterval () metoda. Przykład obejmuje kody HTML i JavaScript, które wyjaśniono poniżej:

Kod HTML

Przykład, aby zatrzymać połączenie setInterval w JavaScript

Zatrzymaj czas

Opis kodu HTML znajduje się poniżej:

• Przycisk "Zatrzymaj czas”Powstaje, co jest powiązane z metodą„MystopFunction ()".
• Metoda jest uruchamiana, gdy użytkownik naciska „Zatrzymaj czas" przycisk.
• W końcu „test.JS„Plik jest przekazywany jako źródło w„”Tag.

Weźmy kod JavaScript (plik nazywa się „test.JS„W naszym systemie):

Kod JavaScript

var myvar = setInterval (MyTim, 1000);
funkcjaMytim ()
var d = newDate ();
var t = d.Tolokaletymestring ();
dokument.getElementById („demo”).innerhtml = t;

funkcjaMystopFunction ()
ClearInterval (myvar);

W tym kodzie:

• „„setInterval ()„Metoda ustawia określony przedział czasu, przekazując„Mytim" I "1000„Milisekund jako parametry.
• W tym "MyTim ()„Metoda, zmienna”D”Przechowuje bieżącą datę i zmienną”T”Wyodrębnia bieżący czas, nazywając„Tolocaletimestring ()" metoda.
• W końcu „MystopFunction ()”Jest zatrudniony, aby zatrzymać połączenie setInterval przez„clearInterval ()" metoda.

Wyjście

Wyjście pokazuje, że interwał ustawiony jest zatrzymany przez naciśnięcie przycisku „Zatrzymaj czas„W oknie przeglądarki.

Przykład 2: Za pomocą metody ClearInterval () w celu zatrzymania SetInterval wywołanie w pętli dla

Uważa się, że przykład wyświetlał prosty komunikat za pomocą wywołania setInterval w JavaScript. clearInterval () Funkcja służy do wyczyszczenia interwału 1000 ms (1 sekunda). Na przykład kod jest podany poniżej.

Kod

var i = 0;
var int = setInterval (function ()
konsola.log („JavaScript World”);
i ++;
if (i> = 5)
clearInterval (int);

, 1000);

W tym kodzie:

• setInterval () Metoda przekazała funkcję wywołania zwrotnego i 1000 jako argumenty.
• Wewnątrz funkcji () wiadomość „Świat JavaScript”Jest wyświetlany pięć razy. Gdy limit przekracza liczbę, clearInterval () zatrzyma połączenie setInterval.
• wyraźny interwał () łamie przedziały ustawione przez przekazywanie int wartość.
• W końcu setInterval () Metoda jest zatrzymywana przez clearInterval () metoda.

Wyjście

Dane wyjściowe zwraca komunikat „Świat JavaScript” i zatrzymuje połączenie setInterval po 5 sekundach.

Wniosek

clearInterval () Metoda jest wykorzystywana do zatrzymania połączenia SetInterval w JavaScript. Metoda jest przydatna, aby wyczyścić czas ustawiony przez setInterval. Ten post pokazuje pracę i wykorzystanie clearInterval () metoda zatrzymania wywołania setInterval w JavaScript. Ważne jest, gdy użytkownik ustalił już określony czas dla dowolnej konkretnej funkcji. W tym poście jeden przykład wyświetla prosty komunikat, wykorzystując funkcję oddzwonienia i interwał. Drugi przykład pokazuje czas zegara cyfrowego, który przestaje używać clearInterval () metoda.