循环功能,动画不要留下必要的时间

时间:2014-03-19 14:49:45

标签: javascript jquery loops jquery-animate

当来到5行时,不要尊重时间而且线6开始之前,我需要做一个循环。我怎么能为我想要的5号线留下来?

function b(){
    $("#imgScale").animate({opacity:"1"}, 1000);
    $("#imgScale").animate({width:"115%",opacity:"1"}, 4000);
    $("#imgScale").animate({opacity:"0"}, 2000);
    $("#imgScale").animate({width:"100%"}, 10);
    setTimeout(function(){$("#imgScale2").animate({width:"125%"}, 4000)},5100);
    setTimeout(function(){$("#imgScale").animate({opacity:"1"}, 2000)},10100);
    setTimeout(function(){$("#imgScale2").animate({width:"100%"}, 10)},12100)
    setTimeout( b(),20000 );
}

1 个答案:

答案 0 :(得分:4)

代码不会等待以前的动画完成。如果要在动画完成后执行一段代码,可以执行以下操作:

$("#imgScale").animate({
   opacity:"1"
}, 1000, function(){
   // This code will happen after the animation has been completed.
});