2

我有一堆块引用，我设法一个接一个地淡入淡出。目前，在最后一个淡入淡出之后，函数结束。但我希望它循环并从头开始。到目前为止，这是我的代码：

$("div.quotes blockquote").each(function (index){
  $(this).delay(4500*index).fadeIn(500).delay(4000).fadeOut(500);
});

我如何让它循环？

4

4 回答 4

2

一种可能的解决方案：

function run() {
    var els = $("div.quotes blockquote");
    els.each(function(i) {
        $(this).delay(4500 * i).fadeIn(500).delay(4000).fadeOut(500, function() {
            if (i == els.length - 1) run();
        });
    });
}
run();

演示：http: //jsfiddle.net/eDu6W/

于 2012-11-22T13:04:37.753 回答
0 
function toggleBlockQuotes()
{
    var countBlockquotes = $("div.quotes blockquote").length;
    var b = 1;
    $("div.quotes blockquote").each(function (index)
    {
        $(this).delay(4500*index).fadeIn(500).delay(4000).fadeOut(500);
        b++;
        if(b == countBlockquotes)
        {
            toggleBlockQuotes();
        }
    });
}

请注意，这将创建一个无限循环。

于 2012-11-22T13:04:16.867 回答
0 
function loop() {
    $("div.quotes blockquote").each(function(index) {
        $(this).delay(4500 * index).fadeIn(500).delay(4000).fadeOut(500, function() {
            loop();
        });
    });
}

loop();​
于 2012-11-22T13:05:19.830 回答
0

可以这样做，这取决于你到底需要什么：http: //jsfiddle.net/MmPgG/

(function loopAnim() {
    var $elems = $("div")
    $elems.each(function(index) {
        var $that = $(this);
        (function() {
            $that.delay(4500 * index).fadeIn(500).delay(4000).fadeOut(500, function() {
                if (index == $elems.length - 1) {
                    $elems.show();
                    loopAnim()
                }
            });

        })($that)
    });
})()​
于 2012-11-22T13:12:17.160 回答