stop的两个参数

自定义动画
.stop().animation({ attribute:value},time).delay();
其中stop表示是否停止当前动画返回原状态
可以有两个参数
1.stopAll 可选。规定是否停止被选元素的所有加入队列的动画。只是暂停
2.goToEnd 可选。规定是否允许完成当前的动画。该参数只能在设置了 stopAll 参数时使用。只是暂停

在问答区看的，但是不太明白，视频里也没有仔细讲，老师可以解释一下吗？两个参数都是可选，也可以都不写对吗？

hyperse 2019-06-13

源自：jQuery扩展 1-2 自定义动画

收起

1回答

好帮手慕夭夭 2019-06-13 19:02:00

你好同学，两个参数都是可选的，可以都不写。因为实际开发中，直接使用stop即可，参数不常用，老师给你一个小例子，可以自己参考例子简单了解一下即可：

<html>
<head>
</head>
<body>
<p><button id="start">Start Animation</button><button id="stop">Stop Animation</button></p>
<div id="box" style="background:#98bf21;height:100px;width:100px;position:relative">
</div>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script>
$("#start").click(function() {
$("#box").animate({ height: 300 }, "slow");
$("#box").animate({ width: 300 }, "slow");
$("#box").animate({ height: 100 }, "slow");
$("#box").animate({ width: 100 }, "slow");
});
$("#stop").click(function() {
$("#box").stop(true, true);
});
</script>
</body>
</html>