Jak mogę użyć setInterval i clearInterval?

"setInterval" I "ClearInterval”To wbudowane metody JavaScript. „SetInterval ()” umożliwia wielokrotne wykonywanie funkcji w określonym przedziale. Podczas gdy metoda „clearInterval ()” zatrzymuje wykonywanie funkcji, która wcześniej została uruchomiona przy użyciu setInterval.

Ten zapis wyjaśni użycie metod setInterval i clearInterval w JavaScript.

Jak używać setInterval i clearInterval?

Używać „setInterval" I "ClearInterval”Metody, postępuj zgodnie z podanym przykładem.

Przykład
W danym przykładzie utworzymy licznik, który zatrzyma się przy przycisku kliknij, wywołując „ClearInterval„Metoda zatrzymania funkcji„setInterval" metoda.

Utwórz element, w którym zostanie wyświetlona liczba, i przycisk „Zatrzymywać się„Aby zatrzymać licznik:

>
Zatrzymywać się

Wywołać metodę „SetInterval”, przekazując funkcję „lada" i czas "1000„W milisekundach. Następnie przechowuj wynikową wartość metody „setInterval” w zmiennej ”MyInterval”:

const myInterval = setInterval (licznik, 1000);

Ustaw liczbę na 1:

Niech liczy = 1;

Zdefiniuj funkcję „lada()„To zadzwoni„setInterval ()" metoda. Uzyskaj odniesienie elementu i wyświetl liczbę, zwiększając go:

Funkcja Counter ()
dokument.querySelelector („span”).innerText = Count;
count ++;

Zdefiniuj inną funkcję, która uruchomi przycisk Kliknij, aby zatrzymać licznik, wywołując „clearInterval ()" metoda:

funkcja stopCounter ()
clearInterval (myInterval);

Wyjście

Powyższe wyjście wskazuje, że licznik zatrzyma się, klikając przycisk, w którym nazywana jest metoda CLALEINTERVAL ().

Wniosek

"setInterval" I "ClearInterval”To predefiniowane metody JavaScript, które pozwalają na wielokrotne wykonywanie funkcji z określonym przedziałem czasu i zatrzymywanie wykonania odpowiednio. Ten zapis wyjaśnił użycie metod setInterval i clearInterval w JavaScript z określonym przykładem. Gdzie licznik jest zatrzymany przez wywołanie metody ClearInterval ().