Jak zatrzymać połączenie 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
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.