如何在Jquery中将delay()与show()和hide()一起使用

Question

如何在 Jquery 中将 delay() 与 show() 和 hide() 一起使用？

Answer 1

将持续时间传递给show()和hide()：

当提供持续时间时，.show() 成为动画方法。

例如 element.delay(1000).show(0)

DEMO< /a>

Answer 2

最简单的方法就是用jquery制作一个“假节目”。

element.delay(1000).fadeIn(0); // This will work

Answer 3

为什么不尝试fadeIn()而不是使用带有delay()的show()。
我认为你想做的事情可以用这个来完成。
下面是 fadeIn 和 FadeOut() 的 jQuery 代码，它也有用于延迟过程的内置方法。

$(document).ready(function(){
   $('element').click(function(){
      //effects take place in 3000ms
      $('element_to_hide').fadeOut(3000);
      $('element_to_show').fadeIn(3000);
   });
}

Answer 4

来自 jquery api

在 1.4 版本中添加到 jQuery 中，.delay() 方法允许我们延迟执行队列中跟随它的函数。它可以与标准效果队列或自定义队列一起使用。仅延迟队列中的后续事件；例如，这不会延迟不使用效果队列的 .show() 或 .hide() 的无参数形式。

http://api.jquery.com/delay/

Answer 5

此信息需要更新。

我今天看到这个是因为我需要延迟 div 的显示。我正在使用 jQuery 3.4.1 并对此进行了测试。

 $("#mydiv").delay(5000).show(200); // a 5 second delay before the 200 microseconds animation effect from hidden to visible is triggered.