如何在 Jquery 中使用 delay() 和 show() 和 hide()

IT技术 javascript jquery hide delay show
2021-02-13 09:31:15

如何使用delay()show()hide()jQuery的?

4个回答

持续时间传递show()hide()

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

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

演示

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

element.delay(1000).fadeIn(0); // This will work
这是一个怎样的“假”节目?为什么不直接使用.show(0)
2021-04-12 09:31:15

为什么不尝试使用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);
   });
}
淡入和延迟显示是两件完全不同的事情
2021-03-17 09:31:15

来自 jquery api

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

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