jQuery delay() 方法是用來讓元素在執(zhí)行動(dòng)作之前等待一段時(shí)間,再進(jìn)行下一步操作的。本文將介紹 delay() 方法的使用方法和注意事項(xiàng)。
使用方法:
$(selector).delay(time, queueName);
其中,selector 表示要執(zhí)行 delay() 方法的元素,time 表示需要等待的時(shí)間(單位為毫秒,可以是整數(shù)或浮點(diǎn)數(shù)),queueName 表示隊(duì)列名稱,可選參數(shù)。如果沒有指定隊(duì)列名稱,則默認(rèn)使用 fx 隊(duì)列。
注意事項(xiàng):
- delay() 方法只適用于被添加到動(dòng)畫隊(duì)列中的元素。
- 如果沒有指定隊(duì)列名稱,delay() 方法將使用 fx 隊(duì)列。
- 如果在執(zhí)行動(dòng)畫期間使用 delay() 方法,則 delay() 方法將仍然等待指定時(shí)間,然后在其他動(dòng)畫結(jié)束后執(zhí)行下一步操作。
- 如果在一個(gè)元素上連續(xù)使用 delay() 方法,則后面一個(gè) delay() 方法會(huì)覆蓋前面的 delay() 方法。
下面是一個(gè)示例:
$("p").first().hide("slow").delay(2000).show("fast");
上面的代碼將隱藏第一個(gè) p 元素,延遲 2 秒后顯示它。
總之,jQuery delay() 方法是一個(gè)非常有用的方法,可以讓我們?cè)趧?dòng)畫執(zhí)行之前有足夠的時(shí)間來預(yù)處理其他的事情,提高了頁面交互效果的體驗(yàn)。