延遲循環問題

Question

我有一個噩夢試圖讓一些報價循環延遲。我創建了以下代碼：

function loopquotes(){ 
var items = $('.comment').size(); 
var randomNum = Math.floor(Math.random()*items+1); 
$(".comment:nth-child("+randomNum+")").fadeIn('slow').delay(5000); 
$(".comment:nth-child("+randomNum+")").fadeOut('medium'); 
} 

這很好地淡入淡出延遲。但是，循環保持循環而不使用延遲，並且最終會在頁面上引用大量引號。任何人都可以幫助我正確地循環，這樣一個新的報價只在舊報價淡出之後才加載。

非常感謝

大衛

Answer 1

你可以再次調用該函數作爲回調，像這樣：

function LoopQuotes(){ 
    var comments = $('.comment'), 
     rand = Math.floor(Math.random()*comments.length+1); 
    comments.eq(rand).fadeIn('slow').delay(5000).fadeOut('medium', LoopQuotes); 
} 

然後就叫這個曾經在頁面加載，例如用document.ready調用，就像這樣：

$(LoopQuotes); 

這樣做是淡入報價，延遲5000毫秒，淡化出來，在.fadeOut()完成那麼當，再次調用該函數來接/顯示下一個報價。