首頁 > web前端 > 前端問答 > jquery怎麼讓元素5秒之後消失

jquery怎麼讓元素5秒之後消失

WBOY
發布: 2022-06-02 10:11:44
原創
1780 人瀏覽過

方法:1、用delay和fadeOut方法,語法「元素物件.delay(5000).fadeOut()」;2、用setTimeout和hide方法,語法「setTimeout(function(){元素物件. hide();},5000)」。

jquery怎麼讓元素5秒之後消失

本教學操作環境:windows10系統、jquery3.2.1版本、Dell G3電腦。

jquery讓元素5秒之後消失

方法一:使用.delay() 方法

delay() 方法對佇列中的下一項的執行設定延遲。

語法

$(selector).delay(speed,queueName)
登入後複製

範例如下:

設定 id="myElem" 在顯示 5 秒後隱藏。

$("#myElem").show().delay(5000).fadeOut();
登入後複製

jquery怎麼讓元素5秒之後消失

方法二、使用setTimeout() 方法:

setTimeout() 是屬於window 的方法,此方法用於在指定的毫秒數後呼叫函數或計算表達式。

hide() 方法隱藏被選取元素。

提示:這與 CSS 屬性 display:none 類似。

範例如下:

setTimeout(function() { $("#myElem").hide(); }, 5000);
登入後複製

jquery怎麼讓元素5秒之後消失

影片教學推薦:jQuery影片教學

以上是jquery怎麼讓元素5秒之後消失的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板