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

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

WBOY
WBOY原創
2022-06-02 10:11:441681瀏覽

方法: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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn