重新启动的jQuery动画

Question

我有这样的代码：

$(document).ready(function(){ 
    $('.item1').delay(1000).fadeIn(1,function(){ 
     $(this).delay(1000).addClass('animated bounceInUp'); 
    }); 

    $('.item2').delay(2000).fadeIn(1,function(){ 
     $(this).delay(2000).addClass('animated fadeIn'); 
    }); 

    $('.item3').delay(2500).fadeIn(1,function(){ 
     $(this).delay(2500).addClass('animated fadeInUp'); 
    }); 

    $(".item1, .item2, .item3").hide(); 
}); 

我希望在动画结束时再次重新启动。所以动画必须是连续的。没有结束。

Answer 1

你可以使用setInterval每秒钟运行一次你的代码。

window.setInterval(function(){ 

$('.item1').delay(1000).fadeIn(1,function(){ 
     $(this).delay(1000).addClass('animated bounceInUp'); 
    }); 

    $('.item2').delay(2000).fadeIn(1,function(){ 
     $(this).delay(2000).addClass('animated fadeIn'); 
    }); 

    $('.item3').delay(2500).fadeIn(1,function(){ 
     $(this).delay(2500).addClass('animated fadeInUp'); 
    }); 

    $(".item1, .item2, .item3").hide(); 

},1000);