延迟循环问题

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()完成那么当，再次调用该函数来接/显示下一个报价。