jQuery - 通过另一个事件停止延迟淡出

Question

这是我当前的代码。它可以工作，但是当运行另一个事件(例如通过单击按钮)时，我需要它停止并重置淡出。

代码

$('#selector').delay(5000).fadeOut('slow');

• 我了解到我需要使用 animate 或 setTimeOut 而不是 delay？
• 最好的方法是什么？

示例

就我而言，屏幕顶部有一个状态栏，如果我单击更新状态栏的内容，该状态栏不会消失。

Answer 1

只需在淡入淡出元素上调用 .stop() 方法即可:(#selector2 是停止淡入淡出的按钮)

$('#selector2').click(
    function()
    {
        $('#selector').stop();
    }
);