问答>HTML&JS+前端>停止元素动画的方法有哪些?
停止元素动画的方法有哪些?
来源传智教育2022年04月11日 16时01分20秒
使用动画的过程中,如果在同一个元素上调用一个以上的动画方法,那么对这个元素来说,除了当前正在调用的动画,其他动画将被放到效果队列中,这样就形成了动画队列。
动画队列中所有动画都是按照顺序执行的,默认要前一个动画执行完毕才会执行后面的动画。为此,jQuery提供了stop()方法用于停止动画效果。通过此方法,可以让动画队列后面的动画提前执行。
stop()方法适用于所有的jQuery效果,包括元素的淡入或者淡出以及自定义动画等。stop()方法语法如下所示。
$(selector).stop(stopAll, goToEnd);
上述语法中,stop()方法的两个参数都是可选的。其中,stopAll参数用于规定是否清除动画队列,默认是false;goToEnd参数用于规定是否立即完成当前的动画,默认是false。