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:
- The
setTimeout()>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 plik
setTimeout()>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:
- 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.
- Operacje asynchroniczne: W połączeniu z funkcjami wywołania zwrotnego ułatwia zachowanie asynchroniczne, umożliwiając nieblokujące wykonanie kodu.
- 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.