重新启动jquery动画

Re-start jquery animation

本文关键字：动画 jquery 重新启动      更新时间：2023-09-26

我有这个代码：

 $(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(); 
});

我想在动画结束后重新启动所以动画必须是连续的。没有尽头。

您可以使用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);
相关文章：