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

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

WBOY
リリース: 2022-06-02 10:11:44
オリジナル
1779 人が閲覧しました

メソッド: 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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート