Jak planować zadania za pomocą Settimeout i SetInterval w JavaScript

JavaScript zapewnia kilka wbudowanych metod planowania czasu, takich jak metoda „settimeout ()” i metoda „setInterval ()”. Metody te są stosowane do planowania zadań, metoda „Settimeout ()” wykonuje funkcję tylko raz w zaplanowanym czasie, ale metoda „setInterval ()” powołuje się na funkcję wielokrotnie po określonym oczekiwaniu.

metoda setInterval () w JavaScript

JavaScript oferuje metodę setInterval (), która pozwala nam wielokrotnie wywoływać funkcję. Występuje dwa parametry, aby funkcja wywołują, a drugi parametr jest na czas. „SetInterval ()” może wziąć dodatkowe parametry i przekazać je do funkcji wywołania zwrotnego.

Rozważymy przykład, aby zrozumieć działanie metody setInterval ():

Niech liczba = 0;
Niech liczba = 0;
funkcja kwadrat ()
numer ++;
seq = liczba*liczba;
konsola.log („liczba jest równa:”, liczba);
konsola.log („kwadrat liczby:”, seq);

setInterval (kwadrat, 3000);

W tym przykładzie piszemy kod, aby wydrukować kwadrat dowolnej liczby dodatnich. Jak musimy wielokrotnie wywołać funkcję kwadratową, dlatego używamy „SetInterval ()” metoda. Kod wydrukuje kwadrat każdej liczby dodatnich po opóźnieniu 3 sekund:

Jak działa setInterval

Początkowo stworzyliśmy funkcję "kwadrat( )" i w obrębie "kwadrat( )" funkcja napisaliśmy kod, aby wydrukować kwadrat dowolnej liczby. Potem wzywamy "kwadrat( )" funkcja za pomocą „SetInterval ()” metoda. Teraz, co się stanie? Rozpocznie się łańcuch:

• Poczekaj na 3 sekundy, zwiększ liczbę i wydrukuj kwadrat tej liczby,
• I ponownie poczekaj na 3 sekundy, a następnie zwiększyć liczbę i wydrukuj kwadrat tej liczby.
• Metoda „setInterval ()” wielokrotnie drukuje kwadrat każdego numeru i nie będzie.

Metoda Settimeout () w JavaScript

W JavaScript metoda „settimeout ()” pozwala nam wykonywać dowolną funkcję po określonym czasie. Występuje dwa parametry, aby funkcja wywołują, a drugi parametr jest na czas. Rozważmy ten sam przykład i zastosujmy „Settimeout ()” Metoda i obserwuj różnicę:

Niech liczba = 0;
funkcja kwadrat ()
numer ++;
seq = liczba*liczba;
konsola.log („liczba jest równa:”, liczba);
konsola.log („kwadrat liczby:”, seq);

Settimeout (kwadrat, 3000);

W rezultacie wywoła funkcję kwadratową tylko raz, co oznacza, że ​​wydrukuje kwadrat tylko jednej liczby:

Jak działa setInterval

Jeśli wywołamy "kwadrat( )" funkcja za pomocą „Settimeout ()” Metoda, teraz, co się stanie?

• Po uruchomieniu kodu początkowo będzie czekać na trzy sekundy, a następnie zwiększyć liczbę i wydrukuj kwadrat tej liczby.
• Ale tym razem nie wywołałoby to metody „Square ()”, ponieważ „Settimeout ()” wywołuje funkcję tylko raz, w wyniku czego otrzymamy kwadrat tylko jednej liczby.

Notatka:

Nie możemy wywołać funkcji w metodzie „settimeout ()” lub w metodzie „setInterval ()” zamiast tego, napiszemy tylko nazwę funkcji, jeśli to zrobimy, wówczas te metody nie działałyby poprawnie, wyjście będzie wydrukowane bez żadnych opóźnień:

Settimeout (kwadrat, 3000); // poprawia składnię
Settimeout (Square (), 3000); // Nieprawidłowa składnia
setInterval (kwadrat, 3000); // poprawia składnię
setInterval (Square (), 3000); // Nieprawidłowa składnia

W tym kodzie napisaliśmy zarówno poprawne, jak i niepoprawną składnię dla metody „Settimeout ()” i metody „setInterval ()”

Wniosek

JavaScript zapewnia kilka wbudowanych metod, które są wykorzystywane do uruchomienia części kodu na podstawie czasu. Funkcje te oferują różne funkcje, na przykład funkcja „settimeout ()” wykonuje dowolną funkcję tylko raz, gdy metoda „setInterval ()” wykonuje resztę dowolnej funkcji. W tym artykule zawiera przegląd metod „Settimeout” i „setInterval ()” za pomocą niektórych przykładów.