繼續循環直到用戶離開頁面？

Question

基本上我用我的網站上的Jquery製作了一個幻燈片放映（不知道還有什麼叫它），我希望它能夠通過動畫循環播放直到用戶離開頁面？ 這裏是我的jQuery代碼

var t2 = setTimeout(function(){ 
$("#wantawebsite").delay(500).fadeIn(1000).delay(9500).fadeOut(1000); 

$("#dontwanttopay").delay(1500).slideDown(1000).delay(8500).fadeOut(1000); 

$("#thisistheplace").delay(3000).fadeIn(1000).delay(7000).fadeOut(1000); 

$("#slideshowmonitor").delay(3300).fadeIn(1000).delay(6700).fadeOut(1000); 

$("#span1").delay(700).effect("bounce", "slow"); 

$("#span2").delay(2300).effect("bounce", "slow"); 

$(".order").delay(2800).fadeIn(1000).delay(7200).fadeOut(1000); 


}, 500); 
var t3 = setTimeout(function(){ 
$("#werehiring").delay(500).fadeIn(1000).delay(9500).fadeOut(1000); 

$("#applicationtext").delay(1500).slideDown(1000).delay(8500).fadeOut(1000); 

$(".contactbutton").delay(3000).fadeIn(1000).delay(7000).fadeOut(1000); 

$("#imageslide2").delay(3500).fadeIn(1000).delay(6500).fadeOut(1000); 

    $(".contact").delay(2800).fadeIn(1000).delay(7300).fadeOut(1000); 
}, 12500); 

我究竟怎麼會這樣？由於製作一個無限循環只會使瀏覽器崩潰。

Answer 1

您應該運行您的動畫作爲回調的鏈條，這樣

$('#book').fadeIn(1000, function() { 
    // next animation 
});