постоянный цикл в JavaScript работает, но время выключено

Question

создание бесконечного цикла в javascript и jQuery ...

это мой текущий код:

$("#bg2").css({"opacity": "0"});

$("#bg3").css({"opacity": "0"});

//

var z = 1;

while(z<1000){


    $("#bg1").animate({"opacity": "1"}, {"duration": (1000)}).delay(6000).animate({"opacity": "0"}, {"duration": (1000)}); 

    $("#bg2").delay(6000).animate({"opacity": "1"}, {"duration": (1000)}).delay(6000).animate({"opacity": "0"}, {"duration": (1000)});

    $("#bg3").delay(12000).animate({"opacity": "1"}, {"duration": (1000)}).delay(6000).animate({"opacity": "0"}, {"duration": (1000)}); 


    z++;

};

Теперь я не знаю почему, но время истекает из-за2-й цикл ...

---

По сути, это то, что я хочу сделать:

1. bg1 уже исчез, он должен оставаться в течение 6 секунд, прежде чем исчезнутьв течение 1 секунды

2. , когда bg 1 исчезает, bg 2 должен появляться и затем оставаться в течение 6 секунд, а затем исчезать в течение 1 секунды

3. , пока bg 2 исчезает, bg 3 должен появляться и оставаться в течение 6 секунд, прежде чем исчезнет

4. , поскольку bg 3 исчезает, bg 1 возвращается в

тогда цикл должен продолжаться вечно ...

как мне это сделать?

Answer 1

Может быть, использование jQuery Queue поможет.