不斷循環在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必須淡入和淡出

4. 如BG 3淡出之前保持6秒，BG 1變淡回

然後循環必須永遠持續...

我應該怎麼做？

Answer 1

也許使用jQuery Queue會有所幫助。