jQuery Delay 是 jQuery 的一個方法,它可以讓一個函數在一段時間之后才被執行。
使用delay()
方法可以讓一個函數暫停一定時間后再執行,比如:
$("button").click(function(){ $("p").delay(1000).fadeOut(); });
上面的代碼表示當點擊一個 button 元素時,p 元素會在 1 秒后淡出。
在這個例子中,我們使用delay()
將函數的執行暫停了 1 秒,然后再執行。
需要注意的是,delay()
只對 jQuery 隊列(queue)中的下一個函數起作用,如果想要讓多個函數延時執行,必須在每個函數中都使用delay()
。
可以使用queue()
方法將多個函數排入同一個 jQuery 隊列中進行操作,比如:
$("button").click(function(){ $("div").delay(800).queue(function (next) { $(this).css("background-color", "red"); next(); }).delay(800).queue(function (next) { $(this).css("background-color", "green"); next(); }).delay(800).queue(function (next) { $(this).css("background-color", "blue"); next(); }); });
上面的代碼表示當點擊一個 button 元素時,div 元素會在不同的時間間隔內改變背景顏色。
在這個例子中,我們將多個函數都排入了同一個 jQuery 隊列中,每個函數都有自己的延時執行時間,這樣便可以實現一個特定的動畫效果。
總之,delay()
方法可以讓我們在程序中更加靈活地控制函數的執行時間,增強了我們對程序的控制能力。