停止fadin/fadeout事件jquery

Question

我有一个潜水闪光灯一次点击。如果您多次按下按钮，它将一直闪烁，直到执行单击计数为止。我想这样做，如果用户要点击按钮多次，它将停止闪烁后，最后一次点击。

示例https://jsfiddle.net/va6njdry/

$('button').click(function () {
    $('div').fadeOut().fadeIn().fadeOut().fadeIn();
});

Answer 1

使用stop停止以前的动画。

$('button').click(function () {
    $('div').stop(true, true).fadeOut().fadeIn().fadeOut().fadeIn();
    //       ^^^^^^^^^^^^^^^^
});

演示：https://jsfiddle.net/tusharj/va6njdry/1/

博士：http://api.jquery.com/stop/

停止匹配元素上当前正在运行的动画。

编辑

感谢@AWolff

您也可以使用finish

$('button').click(function () {
    $('div').finish().fadeOut().fadeIn().fadeOut().fadeIn();
    //       ^^^^^^^^
});

演示：https://jsfiddle.net/tusharj/va6njdry/4/

博士：https://api.jquery.com/finish/

停止当前运行的动画，删除所有排队动画，并完成匹配元素的所有动画。