ホームページ >ウェブフロントエンド >jsチュートリアル >jQueryでダイアログボックスの時間指定非表示を実装する方法

jQueryでダイアログボックスの時間指定非表示を実装する方法

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

この記事では、jQuery で時限非表示ダイアログ ボックスを実装する方法を主に紹介し、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);
  }
);

参考サイトの紹介: http://www.jb51.net /article/135028.htm

3. フェードアウトとハイドの違い

ハイドの非表示効果は下から上、または右下から左上に向かってゆっくりと折りたたまれて縮小するのに対し、フェードアウトのフェードアウト効果は消えるまで全体的にフェードアウト(見てなかった)違い)

以上、皆さんの参考になれば幸いです。

関連記事:

webpackでiconfontフォントアイコンを使用する方法

WeChatアプレットに円形のプログレスバーを実装する方法

webpackにファイルを動的にインポートする実装

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

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