JQuery delay() 是一種以指定的時間來延遲執行代碼的方法。這個方法可以讓你的代碼在經過一定的時間后再執行。
下面是一個jQuery delay() 的實例:
$(document).ready(function(){ $("button").click(function(){ $("p").delay(1000).fadeIn(); }); });
在這個例子中,當用戶點擊按鈕時,一個帶有1秒的延遲效果的 fadeIn() 函數會被觸發。
JQuery delay() 方法只有在表現動畫或者執行隊列的情況下才有效果。在其他情況下,它并不能按照預期延遲代碼執行。
下面是一個用于演示delay()方法的頁面:
點擊按鈕看看延遲效果:
在這個演示頁面中,當用戶點擊按鈕時,每個div元素將延遲1秒鐘地進行顏色切換。這樣就能通過 CSS 運用顏色動畫,實現類似于幻燈片的效果。
總結來說,delay() 方法可以在多個 jQuery 隊列中實現動畫效果,并能延遲代碼的執行。在合適的場景下,它可以幫助你更好地處理動態頁面操作。