Javascript 停止淡入/淡出事件jquery

我有一个跳水动作，一按就闪现一次。如果您多次按下该按钮，它将一直闪烁，直到执行单击计数。我想这样做，如果用户要点击按钮多次，它将停止闪烁后，最后一次点击

范例

---

使用

stop

停止以前的动画

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

演示：

文件：

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

编辑

感谢@AWolff

您也可以使用

finish

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

演示：

文件：

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

---

使用

stop

停止以前的动画

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

演示：

文件：

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

编辑

感谢@AWolff

您也可以使用

finish

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

演示：

文件：

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

---

作为替代，您可以使用

finish（）

too作为替代，您也可以使用

finish（）