setInterval vs Settimeout w JavaScript

Planowanie jest szerokim terminem dla każdego zadania planowanego na przyszły okres. W JavaScript istnieją funkcje wykonywania w określonych odstępach lub czasach zwanych settimeout () i setInterval (), które można użyć do planowania zadań przez określony czas. Obie metody umożliwiają uruchomienie kawałka kodu JavaScript lub funkcji w określonym czasie w przyszłości.

W tym artykule wyjaśniono setInterval i Settimeout w JavaScript i ich wspólne różnice.

Co to jest SetInterval w JavaScript?

„„setInterval ()„W JavaScript uruchamia wyrażenie JavaScript w sposób ciągły każdy”X" interwał. Powtarza określoną funkcję w każdym konkretnym przedziale czasu.

Składnia

Postępuj zgodnie z poniższą składnią podaną dla metody setInterval ():

okno.setInterval (funkcja, czas);

Ta metoda przyjmuje dwa parametry:

• funkcjonować: Pierwszym parametrem jest funkcja, którą można wykonać.
• czas: Czas trwania każdego wykonania, mierzony w milisekundach.

Przykład

Tutaj ustawimy licznik czasu, ustawiając przedział czasu na zdarzeniu kliknięcia przycisku:

Kliknij tutaj

Stwórz

element tagu i przypisz identyfikator „czas„Gdzie zostanie wyświetlony czas:

W pliku JavaScript napisz poniższe wiersze kodu:

Funkcja Timer ()
const data = nowa data ();
dokument.getElementById („czas”).innerHtml = data.Tolokaletymestring ();

W powyższym fragmencie kodu:

• Najpierw zdefiniuj funkcję zwaną „regulator czasowy()".
• Utwórz nowy obiekt daty wykorzystujący konstruktor dat ().
• Następnie uzyskaj dostęp do elementu, w którym czas będzie pokazany za pomocą jego identyfikatora za pomocą „getElementById ()”Metoda i ustaw właściwość InnerHTML, aby ustawić czas, wywołując datę„Tolocaletimestring ()" metoda.

W wyjściu widać, że czas jest wyświetlany po określonym przedziale czasowym na zdarzeniu kliknięcia:

Co to jest Settimeout w JavaScript?

„„Settimeout”Metoda jest używana do wywołania funkcji po określonym czasie. Działa tylko raz po określonym czasie.

Składnia

Postępuj zgodnie z podaną składnią dla metody setInterval ():

okno.setInterval (funkcja, czas);

Wymaga dwóch parametrów:

• funkcjonować: Funkcja, którą należy wykonać
• czas: Długość czasu trwania każdego wykonania, mierzona w milisekundach.

Przykład

Wywołaj metodę Settimeout () na zdarzeniu kliknięcia, przekazując funkcję i czas w milisekundach:

Kliknij tutaj

Utwórz element za pomocą

etykietka:

Wyjście

setInterval vs Settimeout

Podstawowe zadanie „Settimeout”Polega na wywołaniu funkcji po określonej ilości czasu. W przeciwieństwie, "setInterval”Jest często używany do wykonywania funkcji po z góry określonym czasie. Główną różnicą między Settimeout a SetInterval polega na tym, że Settimeout działa tylko raz po określonym czasie. Jednak funkcję setInterval może być używana wielokrotnie.

Wniosek

"settimeout ()" I "setInterval ()”Czy predefiniowane metody planowania zadań JavaScript. „„setInterval ()”Powtarza daną funkcję w każdym przedziale czasowym, podczas gdy„Settimeout”Metoda jest używana do wywołania funkcji raz po określonej ilości czasu. W tym artykule wyjaśniono setInterval i Settimeout w JavaScript i ich wspólne różnice.