루핑 기능을 사용하면 애니메이션이 필요하지 않습니다.

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. 
});