ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery 時間指定の隠しダイアログ ボックスのコード共有

jQuery 時間指定の隠しダイアログ ボックスのコード共有

小云云
小云云オリジナル
2018-02-22 15:05:431308ブラウズ

この記事では、jQuery で時限非表示ダイアログ ボックスを実装する方法を主に紹介し、jQuery 時限非表示ダイアログ ボックスの関連機能、実装方法、操作上の注意点をサンプルの形式で詳細に分析します。皆さんのお役に立てれば幸いです。

1. setTimeout

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

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

: 解決策は匿名関数を定義することです


setTimeout(function(){$j('#pre'+ID).fadeOut()},12000);

: 2 番目のパラメータはミリ秒数です、1 秒 = 1000 ミリ秒

その他の状況: この Web サイトの紹介: http://www.jb51. net/article /36681.htm

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是异步执行的。
    */
    $(&#39;#pid&#39;).delay(6000).hide(0);
  }
);

3.フェードアウトと非表示

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

関連する推奨事項:

js と html5 の実装 自動配置ダイアログ ボックスの生成

WeChat アプレットはモーダル コンポーネントを使用してダイアログ ボックスをポップアップ表示し、サンプルを共有

js で簡単なツールを作成するチュートリアルダイアログボックス

以上がjQuery 時間指定の隠しダイアログ ボックスのコード共有の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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