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

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

亚连
亚连オリジナル
2018-06-06 10:07:252010ブラウズ

この記事では主に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 までご連絡ください。