ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryで5秒後に要素を消す方法

jqueryで5秒後に要素を消す方法

WBOY
WBOYオリジナル
2022-06-02 10:11:441765ブラウズ

メソッド: 1. 遅延メソッドとフェードアウト メソッドを使用します。構文は「element object.lay(5000).fadeOut()」です。 2. setTimeout メソッドと非表示メソッドを使用します。構文は「setTimeout(function)」です。 (){要素オブジェクト.非表示();},5000)"。

jqueryで5秒後に要素を消す方法

このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。

jquery は 5 秒後に要素を消去します

方法 1: .lay() メソッドを使用します

lay() メソッドを使用して次の要素を削除しますキュー内の要素 項目の実行により遅延が設定されます。

構文

$(selector).delay(speed,queueName)

例は次のとおりです。

id="myElem" を設定して、5 秒間表示した後に非表示にします。

$("#myElem").show().delay(5000).fadeOut();

jqueryで5秒後に要素を消す方法

方法 2. setTimeout() メソッドを使用する:

setTimeout() は window に属するメソッドです。このメソッドはused 指定されたミリ秒数後に関数または計算式を呼び出します。

hide() メソッドは、選択した要素を非表示にします。

ヒント: これは、CSS プロパティの display:none に似ています。

例は次のとおりです:

setTimeout(function() { $("#myElem").hide(); }, 5000);

jqueryで5秒後に要素を消す方法

ビデオ チュートリアルの推奨事項: jQuery ビデオ チュートリアル

以上がjqueryで5秒後に要素を消す方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事:css3ユニットとは次の記事:css3ユニットとは