logo

Jaki jest cel funkcji setTimeout() w JavaScript?

W JavaScript, funkcję setTimeout(). jest bardzo dobry do dodawania opóźnień lub planowania wykonania określonej funkcji po określonym czasie. Jest to kluczowa funkcja zarówno środowisk przeglądarkowych, jak i Node.js, umożliwiająca asynchroniczne zachowanie podczas wykonywania kodu. Niezależnie od tego, czy tworzysz aplikację internetową, czy skrypt po stronie serwera, setTimeout() oferuje elastyczność w zarządzaniu zadaniami związanymi z synchronizacją bez blokowania reszty przepływu programu.

Składnia:

setTimeout(function, milliseconds, arg1, arg2, ...);>

Parametry:

  • funkcjonować : Po określonym czasie jest wykonywana ta funkcja.
  • milisekundy : Czas opóźnienia wyrażony w milisekundach.
  • argument1 , argument2 : W razie potrzeby są to parametry opcjonalne.

1. Anulowanie setTimeout()>

JavaScript udostępnia odpowiednią funkcję o nazwieclearTimeout()>aby anulować zaplanowany limit czasu przed jego wykonaniem.



Przykład: W tym przykładzie pokazaliśmy anulowanie settimeout..

JavaScript
function delayedFunction() {  console.log('This won't be executed due to clearTimeout'); } let timeoutId = setTimeout(delayedFunction, 2000); // Cancel the setTimeout before it executes clearTimeout(timeoutId); console.log('Timeout canceled');>

2. Cel setTimeout()>

W JavaScript,setTimeout()>Funkcja służy do wprowadzenia opóźnienia lub wykonania określonej funkcji po upływie określonego czasu. Jest częścią Web API udostępnianych przez przeglądarki i Node.js, umożliwiając asynchroniczne wykonywanie kodu.

Przykład: Poniżej znajduje się przykład settimeout.

JavaScript
console.log('Start'); setTimeout(function() {  console.log('Delayed log after 2000 milliseconds'); }, 2000); console.log('End');>

Wyjście:

Start End Delayed log after 2000 milliseconds>

Wyjaśnienie:

  • ThesetTimeout()>funkcja przyjmuje dwa parametry: funkcję wywołania zwrotnego i opóźnienie czasowe w milisekundach.
  • W przykładzie po początkowych dziennikach rozpoczęcia i zakończenia pliksetTimeout()>jest ustawiony na wykonanie funkcji wywołania zwrotnego (opóźniony dziennik) po 2000 milisekundach (2 sekundy).
  • Pozostała część kodu kontynuuje wykonywanie bez czekania na opóźnienie, co demonstruje asynchroniczną naturęsetTimeout()>.
  • Po określonym opóźnieniu wywoływana jest funkcja wywołania zwrotnego, co powoduje zarejestrowanie w konsoli komunikatu Delayed log after 2000 milisekund.

Przypadków użycia:

  1. Opóźnianie wykonania: Można go użyć do wprowadzenia opóźnień w wykonywaniu kodu, co jest przydatne w scenariuszach takich jak animacje, zdarzenia określone w czasie lub operacje odroczone.
  2. Operacje asynchroniczne: W połączeniu z funkcjami wywołania zwrotnego ułatwia zachowanie asynchroniczne, umożliwiając nieblokujące wykonanie kodu.
  3. Limity czasu w tworzeniu stron internetowych: Jest powszechnie stosowany w tworzeniu stron internetowych do obsługi przekroczeń limitów czasu, takich jak wyświetlanie powiadomienia po określonym czasie lub odświeżanie treści.