循環功能，動畫不保留所需的時間

Question

當來到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); 
} 

Answer 1

代碼不會等待先前的動畫完成。如果你想在動畫完成後執行一段代碼，你可以這樣做：

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