我如何在 Jquery 中將 delay() 與 show() 和 hide() 一起使用

Question

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

Answer 1

將持續時間傳遞給show()和hide() ：

提供持續時間時， .show()將成為動畫方法。

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

DEMO

Answer 2

為什么不嘗試使用fadeIn（）而不是使用帶延遲（）的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 3

來自jquery api

在1.4版本中添加了jQuery， .delay()方法允許我們延遲隊列中跟隨它的函數的執行。 它可以與標准效果隊列一起使用，也可以與自定義隊列一起使用。 只有隊列中的后續事件才會延遲; 例如這不會耽誤的無參數形式.show()或.hide()不使用影響隊列。

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

Answer 4

最簡單的方法是使用jquery進行“假表演”。

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

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.