jQuery delay()方法是jQuery庫中一個很實用的方法,它可以讓我們設(shè)置一個時間延遲來延遲執(zhí)行下一個函數(shù)。這個方法通常用在執(zhí)行動畫之前設(shè)置一個等待時間,以確保前一個動畫先完成后再執(zhí)行下一個。
jQuery delay()方法接受一個數(shù)值參數(shù),表示等待的時間,單位是毫秒。在下面的示例中,我們將會以500毫秒(半秒鐘)的延遲來執(zhí)行下一個函數(shù)。
$(document).ready(function() { $("button").click(function() { $("p").delay(500).fadeOut(); $("p").slideUp(); $("p").fadeIn(); }); });
在上面的代碼中,我們首先選中button標(biāo)簽,并為它綁定一個click事件處理程序。在click事件處理程序中,我們使用了delay()方法來設(shè)置一個500毫秒的延遲,然后接著執(zhí)行了三個函數(shù):fadeOut()、slideUp()和fadeIn(),它們將使p標(biāo)簽先逐漸消失,然后向上滑去,在最后漸漸出現(xiàn)。
請注意,jQuery delay()方法只對隊列中的下一個函數(shù)有效。對于那些不是經(jīng)由隊列而調(diào)用的函數(shù),delay()方法是無效的。此外,如果想要清除延遲,可以使用clearQueue()方法。
$("p").delay(500).fadeOut(); $("p").clearQueue();
clearQueue()方法可以用于清除被放進(jìn)隊列內(nèi)的元素和函數(shù),這樣就不需要讓這些函數(shù)全部執(zhí)行完或等待它們的延遲時間到了再將它們?nèi)壳謇淼簟?/p>
總之,jQuery delay()方法可以幫助我們在執(zhí)行動畫之前設(shè)置一個等待時間,以確保前一個動畫先完成后再執(zhí)行下一個。它會讓我們的頁面更有動態(tài)的效果!