ホームページ ウェブフロントエンド jsチュートリアル JS/jQueryでDIVを数秒遅延させて非表示または表示させる方法

JS/jQueryでDIVを数秒遅延させて非表示または表示させる方法

Jun 06, 2018 am 10:07 AM
div jquery js 遅れ 見せる 消える

この記事では主にJS/jQueryでpを数秒遅れて消す・表示する方法を紹介します。setTimeoutを使ったjavascriptと、遅延メソッドを使ったjQueryの関連操作スキルを分析して、遅延表示機能を実現します。次へ

この記事の例では、p が数秒遅れて消えるか表示されるメソッドを実装する方法について説明します。参考として、次のようにみんなと共有してください:

1. 最もよく使用されるメソッド (setTimeout): setTimeout):

<script language=&#39;javascript&#39; type=&#39;text/javascript&#39;>
$(function () {
 setTimeout(function () {
  $("pid").show();
 }, 6000);
})
</script>
ログイン後にコピー

2、第二种方法(delay

<script language=&#39;javascript&#39; type=&#39;text/javascript&#39;>
$(document).ready(
 function()
 {
  /**
  *1.delay函数是jquery 1.4.2新增的函数
  *2.hide函数里必须放一个0,不然延时不起作用
  */
  $(&#39;#pid&#39;).delay(6000).hide(0);
 }
);
</script>
ログイン後にコピー
2. 2 番目のメソッド (delay)

jQuery は p を遅延させて消去します。純粋な jQuery です。settimeout は必要ありません。jQuery を使用して書き込むだけです。

rreee

以上が皆さんのためにまとめたもので、今後皆さんのお役に立てれば幸いです。

関連記事:

Webpack の指定された場所にファイルをパッケージ化してロードする (詳細なチュートリアル)

vue2.0 の elementUI を通じてブレッドクラム ナビゲーション バーを作成する

webpack に js をパッケージ化する 最終的なマップ ファイル (詳細なチュートリアル)

🎜

以上がJS/jQueryでDIVを数秒遅延させて非表示または表示させる方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

推奨: 優れた JS オープンソースの顔検出および認識プロジェクト 推奨: 優れた JS オープンソースの顔検出および認識プロジェクト Apr 03, 2024 am 11:55 AM

顔の検出および認識テクノロジーは、すでに比較的成熟しており、広く使用されているテクノロジーです。現在、最も広く使用されているインターネット アプリケーション言語は JS ですが、Web フロントエンドでの顔検出と認識の実装には、バックエンドの顔認識と比較して利点と欠点があります。利点としては、ネットワーク インタラクションの削減とリアルタイム認識により、ユーザーの待ち時間が大幅に短縮され、ユーザー エクスペリエンスが向上することが挙げられます。欠点としては、モデル サイズによって制限されるため、精度も制限されることが挙げられます。 js を使用して Web 上に顔検出を実装するにはどうすればよいですか? Web 上で顔認識を実装するには、JavaScript、HTML、CSS、WebRTC など、関連するプログラミング言語とテクノロジに精通している必要があります。同時に、関連するコンピューター ビジョンと人工知能テクノロジーを習得する必要もあります。 Web 側の設計により、次の点に注意してください。

jQueryでPUTリクエストメソッドを使用するにはどうすればよいですか? jQueryでPUTリクエストメソッドを使用するにはどうすればよいですか? Feb 28, 2024 pm 03:12 PM

jQueryでPUTリクエストメソッドを使用するにはどうすればよいですか? jQuery で PUT リクエストを送信する方法は、他のタイプのリクエストを送信する方法と似ていますが、いくつかの詳細とパラメータ設定に注意する必要があります。 PUT リクエストは通常​​、データベース内のデータの更新やサーバー上のファイルの更新など、リソースを更新するために使用されます。以下は、jQuery の PUT リクエスト メソッドを使用した具体的なコード例です。まず、jQuery ライブラリ ファイルが含まれていることを確認してから、$.ajax({u

jQuery のヒント: ページ上のすべての a タグのテキストをすばやく変更する jQuery のヒント: ページ上のすべての a タグのテキストをすばやく変更する Feb 28, 2024 pm 09:06 PM

タイトル: jQuery ヒント: ページ上のすべての a タグのテキストをすばやく変更する Web 開発では、ページ上の要素を変更したり操作したりする必要がよくあります。 jQuery を使用する場合、ページ内のすべての a タグのテキスト コンテンツを一度に変更する必要がある場合があります。これにより、時間と労力を節約できます。以下では、jQuery を使用してページ上のすべての a タグのテキストをすばやく変更する方法と、具体的なコード例を紹介します。まず、jQuery ライブラリ ファイルを導入し、次のコードがページに導入されていることを確認する必要があります: &lt

jsとvueの関係 jsとvueの関係 Mar 11, 2024 pm 05:21 PM

js と vue の関係: 1. Web 開発の基礎としての JS、2. フロントエンド フレームワークとしての Vue.js の台頭、3. JS と Vue の補完関係、4. JS と Vue の実用化ビュー。

jQuery を使用してすべての a タグのテキスト コンテンツを変更する jQuery を使用してすべての a タグのテキスト コンテンツを変更する Feb 28, 2024 pm 05:42 PM

タイトル: jQuery を使用して、すべての a タグのテキスト コンテンツを変更します。 jQuery は、DOM 操作を処理するために広く使用されている人気のある JavaScript ライブラリです。 Web 開発では、ページ上のリンク タグ (タグ) のテキスト コンテンツを変更する必要が生じることがよくあります。この記事では、この目標を達成するために jQuery を使用する方法を説明し、具体的なコード例を示します。まず、jQuery ライブラリをページに導入する必要があります。 HTML ファイルに次のコードを追加します。

サムスンはマイクロソフトの MR ヘッドセットにディスプレイを提供する予定で、デバイスはより軽量でより鮮明なディスプレイを備えていることが期待されています サムスンはマイクロソフトの MR ヘッドセットにディスプレイを提供する予定で、デバイスはより軽量でより鮮明なディスプレイを備えていることが期待されています Aug 10, 2024 pm 09:45 PM

最近、Samsung Display と Microsoft は重要な協力協定を締結しました。合意によると、Samsung Displayは、ゲームや映画などのマルチメディアコンテンツ向けのMRデバイスを開発しているMicrosoftに、数十万枚の複合現実(MR)ヘッドマウントデバイス用のOLEDoSパネルを開発、供給する予定だ。 OLEDoSの仕様決定後に発売され、主に商用分野向けに提供され、早ければ2026年にも提供される予定だ。 OLEDoS (OLED on Silicon) 技術 OLEDoS は、シリコン基板上に OLED を蒸着する新しいディスプレイ技術であり、従来のガラス基板と比較して、より薄く、より高い画素数を実現します。 OLEDOS表示と通常表示

超頭脳探偵がいなくなった後、彼女はどうやって生き残るのか? 超頭脳探偵がいなくなった後、彼女はどうやって生き残るのか? Mar 07, 2024 pm 12:49 PM

「超頭脳探偵」ゲームはパズルを解くモバイルゲームです。ゲーム画面はシンプルで新鮮です。このゲームでは、本当の答えを見つけるために常に頭を使う必要があります。これは今でも非常に重要です。このレベルの特定のガイドを読んだ後、多くのことを得ることができますが、それでも非常に優れています。 「超頭脳探偵 彼女の失踪」のクリア攻略法 1. 試着中にお嬢様が転んでしまいました。 2. 子供の手が伸びると、あざがあり、足は裸で、肌は青ざめていました。 3. 2 つ目は傷跡とタトゥーのある黒い革靴を履いた男性の手、4. 3 つ目は手に緑色の物体があり、腕に血痕があり、ロープが付いている老婦人の手です。 5. 次に、手をドラッグします。 6. その後、ロープを持って出発します。

全角文字と半角文字の違いは何ですか? 全角文字と半角文字の違いは何ですか? Mar 25, 2024 pm 03:54 PM

全角文字と半角文字の違いは何ですか?私たちは日常生活の中で、特に入力方法、植字、印刷など、この 2 つの文字を使用する場面で、全角文字と半角文字という 2 つの概念に遭遇することがよくあります。では、全角文字と半角文字の違いは何でしょうか?この問題については以下で議論しましょう。まず、全角文字と半角文字は、もともと中国語のタイプライターによって導入された概念です。いわゆる半角文字とは、文字の幅の半分を占める文字で、通常は英語文字とアラビア数字を指します。全角文字が占有

See all articles