完成另一个动画时启动动画

Question

当用户点击时，我尝试为许多元素设置动画：

$('.serie').click(function(){
   $("#fade1").fadeIn( 2000);
   $("#fade2").fadeIn( 2000);
   $("#fade3").fadeIn( 3000);
   $('afterall').addClass( "newclass",700);
});

但我的目标是在完成所有其他动画后，addClass加注星标。 我试着设置一个队列：对于addclass是true，但它不起作用。

当只有两个动作时，我知道这个语法：

$('#fade1).fadeIn('2000', function(){
    $('afterall').addClass( "newclass",700);
});

如果有多个动画，该怎么办？

有什么想法吗？ 谢谢，

Answer 1

你可以使用jquery的队列方法。什么时候可以列出你的动画功能

检查一下：http://api.jquery.com/queue/

Answer 2

您可以使用setInterval()将所需的动画排入队列。

var i=1;
var iv = setInterval(function(){
    if(i<4){
        $("#fade"+i).fadeIn(2000);
        i++;
    }else{
        clearInterval(iv);
    }
},2000);