我在jQuery中有一个弹出窗口,该窗口会逐渐消失,如果未被用户忽略,它将在10秒内逐渐消失。
我有代码:
$modalElement.fadeIn(1000).delay(10000).fadeOut(1000);
这对于淡入,延迟和淡出效果很好-但是表单上的
'close'
按钮直到超时后才起作用!我需要
'close'
按钮来对delay
进行操作,以便用户可以读取弹出窗口并自行关闭,例如5秒钟-然后如果他们自己没有将其关闭,则它将在关闭后自动关闭。延迟10秒。任何想法如何做到这一点?
最佳答案
您可以使用.clearQueue()
方法。
在您的关闭处理程序中,您可以执行以下操作:
$modalEleement.clearQueue();
默认情况下,
.delay()
和.clearQueue()
都在fx
队列上运行,但是您可以传递自定义队列名称。