Opóźnienie wywoływania elementów z tablicy - setInterval

Question

Witam,

mógłby mi ktoś wytłumaczyć gdzie leży problem, bo chyba czegoś nie rozumiem.

Mam tablicę np. 4 liter. Ustawiam setInterval na 3s, i chcę aby co 3 sekundy wyrzucił kolejny element tablicy. Obecnie wyrzuca co 3sekundy ale wszystkie elementy jednocześnie.

spl = ['a', 'b', 'c', 'd']
    for(let i = 0; i<spl.length; i++){

          setInterval(function(){
          
           console.log(spl[i]);  
          
          }, 3000);
    }

Gdzie leży problem? W moim przekonaniu powinno to tak działać, leci for, wywołuje funkcję wyświetla literę i znowu.

Answer 1

W moim przekonaniu powinno to tak działać, leci for, wywołuje funkcję wyświetla literę i znowu.

Tylko, że zanim minie 3 sekundy to Twoje for już dawno zdąży przelecieć po tych elementach i zapamięta sobie console.log() x4 i po 3 sekundach wyświetli Ci je wszystkie.

Mam nadzieję, że na takim poziomie angielski nie będzie przeszkodą, bo mógłbyś wykorzystać rozwiązanie ze stackoverflow

Comments

Dzięki, tym sposobem działa

Answer 2

Twoj program dziala w duzym uproszczeniu tak:

console.log(spl[1]);
console.log(spl[2]);
console.log(spl[3]);
console.log(spl[4]);

czekaj 3 sekundy

console.log(spl[1]);
console.log(spl[2]);
console.log(spl[3]);
console.log(spl[4]);

czekaj 3 sekundy

i tak dalej, najpierw uzywac 4 razy setInterval a potek kazdy oddzielno czeka na wykonanie

Comments

No tak, wiem że tak działa, ale co zrobić, żeby działał tak jak mówiłem? Jak zrobię na odwrót czyli wrzucę petle w setInterval to efekt będzie taki sam