Javascript 重新启动jquery动画
我有以下代码:Javascript 重新启动jquery动画,javascript,jquery,animation,Javascript,Jquery,Animation,我有以下代码: $(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('anim
$(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);