ホームページ  >  記事  >  ウェブフロントエンド  >  ダイアログ ボックスの時間制限付き非表示を実装する jQuery メソッド

ダイアログ ボックスの時間制限付き非表示を実装する jQuery メソッド

php中世界最好的语言
php中世界最好的语言オリジナル
2018-03-14 17:35:061458ブラウズ

今回は、時限非表示ダイアログを実装するための jQuery メソッドをお届けします。 時限非表示ダイアログ ボックスを実装するための jQuery メソッドの注意点について、実際のケースを見てみましょう。

以下の内容は完全に正しいとは限りませんが、ご質問の際の参考としてご利用ください。

1. setTimeout

: 時間が設定されていても、プログラムがすぐに実行される状況があります。

:

であっても、window.setTimeout还是window.setInterval が関数 名を呼び出しハンドルとして使用する場合、パラメータは取得できません。

: 解決策は、

匿名関数を定義することです

setTimeout(function(){$j('#pre'+ID).fadeOut()},12000);
: 2 番目のパラメータはミリ秒数です (1 秒 = 1000 ミリ秒)

2. ダイアログ ボックスの非表示を設定します

1 つ:

<script language=&#39;javascript&#39; type=&#39;text/javascript&#39;>
$(function () {
  setTimeout(function () {
    $("pid").show();
  }, 6000);
})
</script>
一般的に使用される方法 2 :

<script language=&#39;javascript&#39; type=&#39;text/javascript&#39;>
$(document).ready(
  function()
  {
    /**
    *1.delay函数是jquery 1.4.2新增的函数
    *2.hide函数里必须放一个0,不然延时不起作用
    *3.delay是异步执行的。
    */
    $('#pid').delay(6000).hide(0);
  }
);

3. fadeOut と Hide の違いは、

の Hide エフェクトは下から上、または右下から左上に向かってゆっくりと折り畳んで縮小することですが、fadeOut はフェードアウト効果とは、消えるまで全体をフェードアウトすることです (違いが分かりません)

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、他の関連情報に注目してください。 php 中国語 Web サイトに記事が掲載されました。

推奨読書:

マウス応答の透明度グラデーション効果の実装

スクロールバーが下にスライドしたときに、より多くのコンテンツを自動的にロードする方法

jqueryで虫眼鏡効果を作成する方法

以上がダイアログ ボックスの時間制限付き非表示を実装する jQuery メソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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