Jquery delay 是一個常用的Jquery效果,它可以在指定的時間之后延遲執行下一個函數,其中延遲時間可以以毫秒為單位進行指定。
$( "#div1" ).slideUp( 300 ).delay( 800 ).fadeIn( 400 );
在上面的示例代碼中,slideUp()函數將使元素向上滑動并消失,然后通過delay()函數延遲800毫秒后執行fadeIn()函數,使元素重新顯示。
$( "#div2" ).fadeOut( 300 ).delay( 800 ).fadeIn( 400, function() { $( "#div2" ).css( "border", "3px solid red" ); });
在這個示例中,fadeOut()函數將根據指定的時間使元素消失,然后通過delay()函數延遲800毫秒,之后再執行fadeIn()函數并添加一個回調函數,用于在函數完成后設置元素的樣式。
$( "#div3" ).slideUp( 300 ).delay( 800 ).queue(function() { $( "#div3" ).addClass( "active" ); $( this ).dequeue(); }).slideDown( 400 );
在這個示例中,slideUp()函數將使元素向上滑動并消失,然后通過delay()函數延遲800毫秒,之后通過queue()函數添加一個自定義回調函數,該函數添加元素的active類并強制將函數從隊列中移除。最后,slideDown()函數使元素重新顯示。
總的來說,Jquery delay 函數在動態網頁開發中使用十分廣泛,可以提高網頁的用戶體驗。