jquery动画循环自调用

有些简单的动画效果就是不停的循环一个简单的动作，这里使用jquery用封装一个函数，在函数里面在调用自己即可实现简单动画循环了，例如：

var div = $(“div”);

function runIt() {    //封装一个函数，以下是动画逐步执行
div.show(“slow”);
div.animate({left:’+=200′},2000);
div.slideToggle(1000);
div.slideToggle(“fast”);
div.animate({left:’-=200′},1500);
div.hide(“slow”);
div.show(1200);
div.slideUp(“normal”, runIt); //当以上动画执行完毕后，就执行runIt函数，这里实现了自调用
}

function showIt() {     //此函数是统计以上动画执行到了第几个动画。
var n=div.queue();
$(“span”).text( n.length );    //统计出执行动画的总数
setTimeout(showIt);   //这里要理解成为刷新，短时间内刷新一次这样统计动画的步骤才准确。
}

runIt();    //函数开始是无法执行的，必须执行一次之后才能自调用。
showIt()

animate_1