如何在velocityjs中的一个动画结束时开始另一个动画

Question

我正在尝试使用velocityjs 为图像设置动画。在这里，我试图为其中一个图像获得闪闪发光的效果。图像首先放大，然后将不透明度变为零。

在这里，我先调用anim1，然后在anim1 之后调用anim2，我该怎么做？

        var anim1 = function(){
            $(".sparkle1").velocity({ 
              opacity: 1,
              scale: [1,0],
            }, 300);
        }  

        var anim2 = function(){
            $(".sparkle1").velocity({ 
              opacity: 0,
            }, 200);
        }

Answer 1

请您尝试使用complete回调如下：

var anim1 = function(){
    $(".sparkle1").velocity({ 
          opacity: 1,
          scale: [1,0],
        }, {
        duration:300,
        complete: function() {
            anim2(); //calling the second animation on completion of first
        }
    });
 }  

var anim2 = function(){
    $(".sparkle1").velocity({ 
      opacity: 0,
    }, 200);
}