怎樣才能無限地重複一個jQuery動畫

我怎樣才能得到這個動畫無限重複：怎樣才能無限地重複一個jQuery動畫

$(window).load(function() { 

$("#ani-image").fadeIn(600, function() { 
$("#ani-bluescreen").fadeIn(300); 
$("#ani-text").fadeIn(300); 
$("#ani-text").animate({ marginLeft: "400px",}, 400); 
}); 

var delay = 5000; 

$("#ani-bg").delay(delay).fadeIn(1000, function() { 
$("#ani-image-2").fadeIn(300); 
$("#ani-bluescreen-2").fadeIn(300); 
$("#ani-text-2").fadeIn(300); 
$("#ani-text-2").animate({ marginLeft: "400px",}, 400); 
}); 

var delay = 10000; 

$("#ani-bg-2").delay(delay).fadeIn(1000, function() { 
$("#ani-image-3").fadeIn(300); 
$("#ani-bluescreen-3").fadeIn(300);  
$("#ani-text-3").fadeIn(300); 
$("#ani-text-3").animate({ marginLeft: "400px",}, 400); 
}); 

var delay = 15000; 

$("#ani-bg-3").delay(delay).fadeIn(1000, function() { 
}); 
});

來源

2011-05-24 Stucky Bumpus

這似乎是jQuery，但它會有所幫助，如果你指定。 – jhocking 2011-05-24 16:33:16

是的，它是jQuery – 2011-05-24 16:34:34

總結這一切在setInterval：

setInterval(function() { 
    $("#ani-image").fadeIn(600, function() { 
    $("#ani-bluescreen").fadeIn(300); 
    $("#ani-text").fadeIn(300); 
    $("#ani-text").animate({ 
     marginLeft: "400px", 
    }, 400); 
    }); 

    var delay = 5000; 

    $("#ani-bg").delay(delay).fadeIn(1000, function() { 
    $("#ani-image-2").fadeIn(300); 
    $("#ani-bluescreen-2").fadeIn(300); 
    $("#ani-text-2").fadeIn(300); 
    $("#ani-text-2").animate({ 
     marginLeft: "400px", 
    }, 400); 
    }); 

    var delay = 10000; 

    $("#ani-bg-2").delay(delay).fadeIn(1000, function() { 
    $("#ani-image-3").fadeIn(300); 
    $("#ani-bluescreen-3").fadeIn(300); 
    $("#ani-text-3").fadeIn(300); 
    $("#ani-text-3").animate({ 
     marginLeft: "400px", 
    }, 400); 
    }); 

    var delay = 15000; 

    $("#ani-bg-3").delay(delay).fadeIn(1000, function() {}); 
}, 5000); // 5 seconds

來源

2011-05-24 16:34:58 Neal

這是開始動畫5秒延遲，但不重複。有什麼我失蹤了。 – 2011-05-24 16:51:13

然後它再次重複它。每5秒 – Neal 2011-05-24 16:56:25

我必須做錯事，對我來說這不是重複的：http：//pachecosalon.com/jqtest/ – 2011-05-24 18:27:29

從http://plugins.jquery.com/project/timers

everyTime(interval : Integer | String, [label = interval : String], fn : Function, [times = 0 : Integer])

everyTime將添加定義的（fn）作爲定時事件以在給定次數（次）的給定時間間隔（間隔）運行。如果times設置爲0，則調用該方法的倍的次數爲無界的。給定定時事件的標籤也設置爲提供的字符串（標籤）或提供的間隔的字符串表示。此外，間隔可以通過使用一個字符串如「3s」3秒來定義。

來源

2011-05-24 16:37:14

怎樣才能無限地重複一個jQuery動畫

回答

相關問題