동시에 실행되는 여러 함수

Question

div를 오른쪽에서 왼쪽으로 움직이는 것과 동시에 텍스트를 표시하려고합니다.

<script> 
$(document).ready(function() { 
    $("#test").animate({ 
       left:'5%', 
    }, {duration:8000}); 
    if($('.left').css('left') == '75%') { 
     alert("welcome"); 
    } 
    }); 
</script> 

이

대신 경고, :(

Answer 1

이 경고는 코드의 실행을 중지 작동하지 표시하거나 숨길 후 절대 또는 정적 텍스트와 사업부를 사용해보십시오. 그리고.

을 귀하의 코드에서 애니메이션 기능은 스레드에서 실행됩니다 (자바 스크립트는 스레딩 개념이 없지만 내부적으로 스레드와 작동합니다). 그러면 블록이 한 번만 실행됩니다.

애니메이션 중간에 뭔가를 표시하려면 , 진행 방법이 있습니다. 진행 상황을 표시하는 데 사용됩니다. 당신이 그것을 사용할 수 있습니다. 그것은 내가 console.log를 사용하려고 할 스크립트의 실행을 일시 중지 alert를 사용하기 때문에 jQuery를 1.8 이상

$(document).ready(function() { 
    $("#test").animate({ 
       left:'5%', 
    }, { 
     duration:8000, 
     progress: function(a, p, c) { 
      if(p==0.75)   
       console.log('welcome') 
     } 
    }); 

    }); 

Answer 2

에서 사용할 수 있습니다 (당신은 개발자 도구 안에 크롬에서 콘솔 창에이를 볼 수 있습니다.

<script> 
$(document).ready(function() { 
    $("#test").animate({ 
       left:'5%', 
    }, {duration:8000}); 
    if($('.left').css('left') == '75%') { 
     //alert("welcome"); 
     console.log("welcome"); 

    } 
    }); 
</script>