Jak utworzyć funkcję opóźnienia javascript

Question

Mam plik javascript, aw kilku miejscach chcę dodać małe opóźnienie, więc skrypt osiągnie ten punkt, poczekaj 3 sekundy, a następnie kontynuuj z resztą kodu. Najlepszym sposobem na zrobienie tego było stworzenie funkcji, którą mógłbym wywołać z dowolnego miejsca w skrypcie.

function startDelay(lengthOfDelay) 
{ 
//code to make it delay for lengthOfDelay amount of time 
} 

Nie mogę jednak znaleźć sposobu na zaimplementowanie kodu, aby mógł on czekać. Spojrzałem na setTimeout, ale trzeba było mocno zakodować w nim funkcję, co sprawiło, że nie było to dla mnie dobre.

Czy jest jakiś sposób, że mogę uzyskać skrypt, aby przerwać na kilka sekund? Nie mam problemu z zawieszaniem interfejsu użytkownika, gdy kod jest wstrzymany.

Jeśli nie, czy istnieje sposób, w jaki mogę skorzystać z PHP sleep(), aby to osiągnąć? (Wiem, że PHP jest po stronie serwera, a JavaScript po stronie klienta, ale być może istnieje sposób, o którym nie słyszałem.)

Answer 1

Nie trzeba używać anonimowej funkcji z setTimeout. Możesz zrobić coś takiego:

setTimeout(doSomething, 3000); 

function doSomething() { 
    //do whatever you want here 
} 

Answer 2

Ah tak. Witamy w realizacji asynchronicznej.

Zasadniczo wstrzymanie skryptu spowoduje, że przeglądarka i strona przestaną odpowiadać przez 3 sekundy. To jest okropne dla aplikacji internetowych, więc nie jest obsługiwane.

Zamiast tego trzeba myśleć "opartego na zdarzeniach". Użyj funkcji setTimeout, aby wywołać funkcję po pewnym czasie, który będzie nadal uruchamiał JavaScript na stronie w tym czasie.

Answer 3

Właśnie znalazłem to odpowiedź na innym forum: JavaScript sleep/wait before continuing

Dzięki za wszystkie odpowiedzi.

Answer 4

Można utworzyć opóźnienie stosując następujący przykład

setInterval(function(){alert("Hello")},3000); 

Wymień z # z milisekund

Można umieścić zawartość co chcesz wykonywane wewnątrz funkcji.