jQuery延迟函数中断

Question

我在 jQuery 中有一个弹出窗口，它会淡入，如果用户不关闭，它将在 10 秒内淡出。

我有代码:

$modalElement.fadeIn(1000).delay(10000).fadeOut(1000);

这对于淡入、延迟和淡出效果很好 - 但表单上的'close'按钮直到超时后才起作用!

我需要“关闭”按钮来中断延迟，以便用户可以阅读弹出窗口并自行关闭它，例如在 5 秒后 - 并且那么如果他们没有自己关闭它，那么它会在 10 秒延迟后自动关闭。

有什么想法可以做到这一点吗？

Answer 1

您可以使用.clearQueue()方法。

在您的关闭处理程序中，您可以执行以下操作:

$modalEleement.clearQueue();

默认情况下，.delay()和 .clearQueue()对 fx 队列进行操作，但您可以传递自定义队列名称。