jQuery stop() 함수에 대한 자세한 설명
- 巴扎黑원래의
- 2017-06-30 11:33:061510검색
stop() 함수의 경우 괄호 안에 채울 수 있는 두 개의 매개변수가 있습니다.
stop() 함수의 프로토타입은 다음과 같습니다: stop(stopall,finish); stopall과finish는 두 개의 매개 변수이며 해당 값은 true 또는 false입니다.
stopall 값이 true이면 애니메이션 대기열의 모든 작업이 중지됩니다. 그렇지 않으면 현재 작업만 중지되고 애니메이션 대기열의 다음 작업이 수행됩니다.
finish 값이 true이면 현재 작업은 즉시 끝으로 점프한 다음 중지됩니다(현재 작업이 어떤 진행 상태인지에 관계없이). 여기서는 완료에 대해 별도로 연구하고 stopall은 관련되지 않으므로 이야기만 합니다. 애니메이션 대기열의 다음 단계가 아닌 현재 작업에 대한 정보)(하나의 작업), 그렇지 않으면 현재 작업이 진행 중에 중지되고 끝까지 점프하지 않습니다.
stopall과 Finish의 기본값은 모두 false이고 stop(true)는 stop(true, false)과 동일합니다
마지막으로 디버깅을 위한 코드가 제공됩니다
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<style>
p
{
height:200px;
width:200px;
background-color:#99ff99;
position:relative;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#start").click(function(){
$("#a1").animate({left:"400px"},5000);
$("#a1").animate({top:'400px'},5000);
$("#a1").animate({left:"0px"},5000);
$("#a1").animate({top:"0px"},5000);
});
$("#end").click(function(){
$("#a1").stop(false,true);
});
});
</script>
</head>
<body>
<button id="start">开始动画</button>
<button id="end">停止</button>
<p id="a1"></p>
</body>
</html>
위 내용은 jQuery stop() 함수에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：jQuery stop() 메소드 이해하기다음 기사：jQuery stop() 메소드 이해하기