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++;

};

现在我不知道为什么，但是时间从第二循环开始......

---

基本上这就是我想要做的事情：

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会有所帮助。