使用jQuery进行无休止的动画

请告诉我应该如何使用setInterval或任何有助于我永远执行函数的方法：

var索引=-1，isUpdateIndex=true；
var arrDivs=[{className:“.main-moto”，超时：3000}，{className:“.main-moto2”，超时：1000}，{className:“.main-moto3”，超时：1000}]；
$（文档）.ready（函数（doStuff）{
//隐藏所有div
$（'.main-moto、.main-moto2、.main-moto3'）.hide（）；
自定义淡入淡出（）；
});
函数customFade（）{
如果（isUpdateIndex）{
索引=（索引+1）%arrDivs.length；
}
isUpdateIndex=！isUpdateIndex；
$（arrDivs[index].className）.fadeToggle（arrDivs[index].timeout，customFade）；
}

主马达

Сааa

по шоссе
main-moto2

сосала сушку		
main-moto3

реку, видит грека в реке  рак		

放下jQuery，使用CSS动画。我可以问一下为什么吗？提前谢谢。是的，说得好。：-）主要原因是浏览器将针对动画进行优化，并为您处理动画。与jQuery使用

requestAnimationFrame

触发一些JavaScript不同，浏览器将只处理它。效率更高。另一个原因是，您不会有这个jQuery依赖项，它会简化您的代码。谢谢您提供的信息。尽管如此，我还是想知道如何使用jquery完成这项工作。这是一个学习的问题。

$(document).ready(function (doStuff){


$( '.main-moto2').hide()
$( '.main-moto3').hide()

// fade in: duration 1s on complete call function
$( '.main-moto' ).fadeIn(3000, function(){

    // fade out: duration 1s, on complete call function
    $( '.main-moto' ).fadeOut(3000, function(){

    // fade in: duration 1s
    $( '.main-moto2' ).fadeIn(1000)
    $( '.main-moto2' ).fadeOut(1000, function(){
    $( '.main-moto3' ).fadeIn(1000)
    $( '.main-moto3' ).fadeOut(1000)




    });