我在jQuery中有一个弹出窗口,该窗口会逐渐消失,如果未被用户忽略,它将在10秒内逐渐消失。

我有代码:

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


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

我需要'close'按钮来对delay进行操作,以便用户可以读取弹出窗口并自行关闭,例如5秒钟-然后如果他们自己没有将其关闭,则它将在关闭后自动关闭。延迟10秒。

任何想法如何做到这一点?

最佳答案

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

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

$modalEleement.clearQueue();


默认情况下,.delay().clearQueue()都在fx队列上运行,但是您可以传递自定义队列名称。

10-05 23:24