javascript - 动画()不连续工作

Question

我想在 jQuery 中使用 animate() 连续为 #ani 设置动画。我的代码只能工作一次。如何制作此动画循环？

这是我的代码，你可以看到在线演示here .

HTML

<div id="ani">animation</div>

脚本

$('#ani').css('position','absolute');

setTimeout(function(){
    $('#ani').animate({top:'-10px'},2000)
},100);

setTimeout(function(){
    $('#ani').animate({top:'20px'},2000)
},100);

Answer 1

$('#ani').css('position','absolute');
function loop(){
    $('#ani').animate({top:'-10px'},2000,function(){
        $('#ani').animate({top:'20px'},2000,function(){
               loop();            
        }) ;                
    })    

}
loop()               

我想你可以看到修改后的在线演示:http://jsfiddle.net/9hN2g/5/