循环时更改Javascript增量的速度？

我正在尝试构建一个脚本，以便动画的第二部分仅在第一部分完成后才开始。我试图通过一个if语句和在每个循环后增加一个变量来实现这一点。理论上，只有在第一个语句完成计数后，第二个语句才开始

网址：

函数anim1（）{
if（i

如果您观看控制台，它计数过快，第二个动画开始的时间比它应该的要早。是否有任何方法可以减慢增量，以便第二个动画正确执行

接受完整的回调参数

 $imgOne.delay(1000).animate({
    bottom : '-=60px'
  }, 1000, function() {
    anim1();
 });

使用回调：

var _count    = 10,
    _distance = 60;

(function anim(){
    if(_count !== 0){
        _count-= 1;
    }
    $imgOne.animate({
        bottom:'-=' + _distance + 'px'
    },1000,function(){
        anim(); 
    });
})();

---

演示：（更改了动画的方向，以便可以看到视口中发生了什么）

您知道可以对jQuery动画使用完整的回调吗？

var _count    = 10,
    _distance = 60;

(function anim(){
    if(_count !== 0){
        _count-= 1;
    }
    $imgOne.animate({
        bottom:'-=' + _distance + 'px'
    },1000,function(){
        anim(); 
    });
})();