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

Question

我正在尝试构建一个脚本，以便动画的第二部分仅在第一部分完成后才开始。我试图用一个 if 语句来完成这个，并在每个循环之后递增一个变量。从理论上讲，只有在第一个语句完成计数后，第二个语句才能开始。

网址:http://alexanderdiner.com/titletest/

function anim1() {
    if (i < cnt) {
        $imgOne.delay(1000).animate({bottom : '-=60px'}, 1000);
        i += 1;
        setTimeout(function() {anim1()}, 1000);
        console.log("The number is " + i);
    } else {
        cb();
    }
}

如果你看控制台，它计数太快，第二个动画比它应该的更早开始。无论如何要减慢增量以便第二个动画正确执行？

Answer 1

animate接受一个完整的回调参数

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