jQuery的delay()方法是在jQuery的核心庫中提供的一個功能強大的定時器函數。它可以用于在執行 jQuery 動畫效果、設置 CSS 樣式等情況下實現延遲操作。
下面是一個delay方法的基本語法:
$(selector).delay(time, queueName);
其中,第一個參數是所要延遲執行的時間(單位是毫秒),第二個參數是延遲方法的隊列名稱,這個參數是可選的。如果不設置隊列名稱,則默認為"default",也就是 jQuery 的標準效果隊列名稱。
要在執行代碼時讓其延遲1000毫秒,可以使用下面的代碼:
$("p").delay(1000).queue(function() { $(this).addClass("red"); });
上面代碼的作用是當頁面中的 p 標簽被點擊時,它將會被添加一個類名為 "red" 的樣式(顏色為紅色)。
此外,還可以在delay()方法后面鏈式調用其他jQuery方法,如下所示:
$("p").delay(1000).animate({opacity: 0}, 2000);
上面的例子展示了在延遲執行后,使用animate()方法來改變頁面中的 p 元素透明度。
最后,需要注意的是,delay()方法不會阻止 JavaScript 代碼的執行,它只是在需要延遲執行的方法上添加一個延遲效果。如果需要阻止代碼執行,可以使用setTimeout()方法。