<script> <br>함수 moveX(){ <br>$ ('.wrap div') .animate({'left':'250px'},1000).animate({'left':'0px'},1000) <br>} moveX(); 🎜>$('#btn1 ').click(function(){ <br>$('.wrap div').stop(); // 현재 애니메이션을 중지하고 도중에 시작점으로 돌아갑니다. 반품 과정에서 다시 클릭하면 도중에 일시 중지됩니다. <br>clearInterval(); <br>}) <br><br>$('#btn2').click(function(){ <br>$( '.wrap div').stop(true); // 모두 중지 애니메이션 도중 중지를 클릭하면 종료 지점에 바로 도달합니다. 반환 과정에서 다시 클릭하면 도중에 일시 중지됩니다. <br>}) <br><br>$('#btn3').click(function(){ <br>$('.wrap div').stop(true,true); // 모든 애니메이션을 중지합니다. 도중에 중지를 클릭하면 돌아오는 과정에서 다시 클릭하면 시작점에서 정지됩니다 <br> }) <br><br>// .stop() // 현재 애니메이션을 정지합니다 <br>// .stop(true) // 모든 애니메이션 중지 <br>// .stop(true,true) // 모든 애니메이션 중지, 애니메이션 끝 <br></script> /body>
.stop(); // 진행 중인 애니메이션을 도중에 중지합니다. 복귀 과정에서 다시 클릭하면 시작점으로 돌아갑니다. 도중에 일시정지됩니다.
.stop(true); // 이동 중 정지를 클릭하면 모든 애니메이션이 정지되며, 복귀 과정에서 다시 클릭하면 바로 종료됩니다. 도중에 일시 정지됩니다.
.stop(true,true); // 이동 중에 정지를 클릭하면 바로 종료 지점에 도달합니다. 출발점.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
