javascript - 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 を使用して、1 秒ごとにコードを実行できます。

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);