JavaScript | Metoda ClearTimeout i ClearInterval
Ten post pokazuje metody pracy i wykorzystanie metod ClearTimeout () i ClearInterval ():
- Jak wykorzystać metodę ClearTimeout () w JavaScript
- Jak wykorzystać metodę ClearInterval () w JavaScript
Metody JavaScript ClearTimeout () i ClearInterval ()
W JavaScript, cleartimeout () I clearInterval () Metody są stosowane do wyczyszczenia licznika czasu zainicjowanego za pomocą odpowiednio metod setInterval () i settimeout (). Metoda wykończenia () anuluje limit czasu, który był wcześniej ustawiony przez Settimeout (). Ta sama procedura jest stosowana przy użyciu clearInterval () Aby anulować przedział czasu naprawiony przez setInterval ().
Jak wykorzystać metodę ClearTimeout () w JavaScript?
clearInterval () Metoda jest wykorzystywana do zatrzymania wykonania, która rozpoczęła się od metody Settimeout (). Metoda przyjmuje tę samą nazwę zmiennej, która została zwrócona metodą Settimeout (). Składnia metody ClearTimeout () jest tutaj podana:
Składnia
Cleartimeout (TimeoutId);
limit czasu to wartość timera ustawiona metodą Settimeout (). Jest to pole obowiązkowe.
Przykład
Przykład jest wyjaśniony z użyciem cleartimeout () Metoda w JavaScript.
Kod
Przykład zastosowania metody ClearTimeout () w JavaScript
W powyższym kodzie metoda wykończenia () jest wykorzystywana metodą Settimeout () w celu rozróżnienia procesu pracy między nimi. Opis znajduje się w wymienionym formacie:
- Po pierwsze, przycisk „Naciśnij przycisk, aby uruchomić licznik”Jest dołączony do startCount () metoda.
- Kolejny przycisk jest powiązany z stopcount () metoda zatrzymania wykonywania powyższej metody.
- Po naciśnięciu przycisku zmienna licznika jest inicjowana i zwiększana o jedną 1000 milisekund.
- Wartości te są przechowywane w czas zmienna, która jest wykorzystywana do zatrzymania licznika, przekazując go do metoda cleartimeout ().
Zrzut ekranu powyższego kodu jest następujący:
Wyjście
Zauważono, że licznik zaczyna się po naciśnięciu „Naciśnij przycisk, aby uruchomić licznik" przycisk. Licznik zwiększa wartość, dodając jedną. Proces jest kontynuowany do „Naciśnij przycisk, aby zatrzymać licznik”Przycisk jest naciśnięty.
Jak wykorzystać metodę ClearInterval () w JavaScript?
Ta metoda usuwa harmonogram utworzony przez setInterval () metoda. Wykonanie utworzonego timera jest wykończone przez przekazanie tej samej zmiennej, która została zwrócona z metody setInterval (). Poniższa składnia odnosi się do metody setInterval ().
Składnia
clearInterval (interalId)
W tej składni, interalid to zmienna przechodząca, która wykorzystuje tę samą wartość co metoda setInterval ().
Przykład
Przykładowy kod napisany poniżej odnosi się do cleartimeout () metoda w JavaScript.
Kod
Przykład użycia metody ClearInterval () w JavaScript
Naciśnij przycisk, aby rozpocząć interwał, który drukuje wiadomość.
Kod jest opisany jako:
- Dwa przyciski są powiązane z metodami.
- Wynik() Metoda jest stosowana za pomocą przycisku ”Naciśnij przycisk, aby rozpocząć interwał".
- Po pierwsze, przedział jest ustawiany metodą setInterval ().
- Następnie wiadomość z pytaniem: „Czy JavaScript jest językiem skryptowym?”Jest wyświetlany co 500 milisekund.
- W końcu clearInterval () Metoda jest stosowana przez przekazanie tej samej zmiennej zwróconej metodą setInterval ().
Wyjście
W wyjściu komunikat „Czy JavaScript jest językiem skryptowym?”Jest wyświetlany wielokrotnie przez naciśnięcie przycisku interwału Start. Potem clearInterval () Metoda jest wykorzystywana do zatrzymania wykonywania i wyświetlenia wiadomości „Anulowany interwał".
Wniosek
JavaScript Zapewnia funkcjonalność w celu zatrzymania wykonywania kodu poprzez wykorzystanie cleartimeout () i metody ClearInterval (). Metoda cleartimeout () jest stosowana do wyczyszczenia wartości timera ustalonego metodą settimeout (). Z drugiej strony clearInterval () Metoda zatrzymuje interwał, przekazując tę samą wartość ustawioną metodą setInterval () w JavaScript. Tutaj nauczyłeś się rozumieć metody ClearTimeout () i clearInterval () w JavaScript.