如何在Jquery中将delay（）与show（）和hide（）一起使用

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

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

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

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

演示

最简单的方法是使用jquery进行“假秀”。

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

为什么不尝试使用fadeIn（）而不是将show（）与delay（）一起使用。我认为您可以尝试执行此操作。这是fadeIn和FadeOut（）的jQuery代码，它们还具有用于延迟过程的内置方法。

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

从jQuery API

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

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