Witam,
od jakiegoś czasu staram się opanować pisanie w jQuery, stąd też ogromna prośba do Was.
Zastanawiam się, jaką postać będzie mieć skrypt, który po naciśnięciu przycisku #button, pokaże powiedzmy czterokrotnie w pętli jakiś alert w odstępie dwóch sekund. Brzmi prosto, natomiast mój kod:


owszem czeka, ale tylko za pierwszym razem (a ma być za każdym pokazaniem alertu), natomiast sam alert pokazuje jedynie cztery razy czwórkę.
Zwracam się z prośbą o pomoc w rozwiązaniu do Was
Pozdrawiam

1. To pytanie o podstawy JS bez żadnego związku z jQuery.
2. Ta pętla wykona Ci się właściwie natychmiast, za każdym razem ustawiając wywołanie funkcji na za 2 sekundy, możesz:
2.1. Ustawić by funkcja wykonywała się po 2, 4, 6 i 8 sekundach.
2.2. Definiować kolejne wywołanie na końcu poprzedniego.
2.3. Skorzystać z setInterval, a po czwartym wykonaniu przerwać dalsze przy pomocy clearInterval.
3. Wyświetla Ci się 4 za każdym razem, ponieważ cały czas operujesz na tej samej zmiennej, a ta przecież po wykonaniu pętli ma wartość 3. Musisz zadbać o to by kod funkcji z setTimeout operował już w nowym kontekście/zasięgu. W JavaScripcie zasięg jest definiowany przez funkcję, tak więc możesz skorzystać z domknięcia, które zostanie natychmiast wykonane:

[JAVASCRIPT] pobierz, plaintext 
for(j = 1; j <= 4; j++) {
    (function(j) {
        setTimeout(function(){
            alert(j);
        }, j * 2000);
    })(j);
}
[JAVASCRIPT] pobierz, plaintext 

PS. Formatuj swój kod.

Znalazłem inne rozwiązanie dzieki koledze Erix

Nie wykorzystuje on pętli, ale rozwiąże twój problem, mój też rozwiązał


Przykład rozwiązania problemu

Dzięki Wam serdecznie.. nie sądziłam, że te setTimeouty rzeczywiście startują wszystkie naraz.
Kod pomógł, dlatego ogromny ukłon w stronę Crozina, aczkolwiek bardzo spodobała mi sie f-kcja setInterval.
Dzięki jeszcze raz za bardzo szybką odpowiedź