stop([c],[j])

返回值

jQuery

概述

停止所有在指定元素上正在运行的动画。

如果队列中有等待执行的动画(并且clearQueue没有设为true)，他们将被马上执行

参数

参数 类型 说明 示例值
[clearQueue],[gotoEnd] Boolean,Boolean

v1.2
clearQueue:如果设置成true，则清空队列。可以立即结束动画。
gotoEnd:让当前正在执行的动画立即完成，并且重设show和hide的原始样式，调用回调函数等。
[queue],[clearQueue],[jumpToEnd] Boolean

v1.7
queue:用来停止动画的队列名称
clearQueue:如果设置成true，则清空队列。可以立即结束动画。
jumpToEnd:如果设置成true，则完成队列。可以立即完成动画。

示例

示例一

描述: 停止当前正在运行的动画

jQuery 代码

$("#stop").click(function(){
  $("#box").stop();
});
示例二

描述: 点击Go之后开始动画,点Stop之后会在当前位置停下来

HTML代码

<button id="go">Go</button> <button id="stop">STOP!</button>
<div class="block"></div><button id="go">Go</button> <button id="stop">STOP!</button>
<div class="block"></div>

jQuery 代码

// 开始动画
$("#go").click(function(){
  $(".block").animate({left: '+200px'}, 5000);
});
// 当点击按钮后停止动画
$("#stop").click(function(){
  $(".block").stop();
});