jQuery定時隱藏對話框程式碼分享

本文主要和大家介紹了jQuery實現定時隱藏對話框的方法,結合實例形式較為詳細的分析了jQuery定時隱藏對話框的相關函數、實現方法與操作注意事項,需要的朋友可以參考下，希望能幫助大家。

1. setTimeout

    ：出現設定了時間，但程式立即執行的情況。

    ：無論是window.setTimeout或window.setInterval，使用函數名稱作為呼叫句柄時都不能帶參數。

    ：解決就是定義一個匿名函數

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

    ：第二個參數是毫秒數，1秒=1000毫秒

其他情況：這個網址的介紹：http://www.jb51.net/article/36681.htm

2.  設定對話框的遮蔽

#常用方法一：

<script language=&#39;javascript&#39; type=&#39;text/javascript&#39;>
$(function () {
  setTimeout(function () {
    $("pid").show();
  }, 6000);
})
</script>

常用方法二：

<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. fadeOut和hide的差異

hide隱藏的效果是從下至上或從右下到左上的慢慢折疊縮小，而fadeOut的淡出效果是整體淡化直至消失(我沒有看出區別)

相關推薦：

js和html5實作自動排列對話框的產生

微信小程式使用modal元件彈出對話框實例分享

js製作一個簡單的對話框教學

以上是jQuery定時隱藏對話框程式碼分享的詳細內容。更多資訊請關注PHP中文網其他相關文章！