實作定時隱藏對話框的jQuery方法

這次帶給大家實現定時隱藏對話框的jQuery方法，實現定時隱藏對話框jQuery方法的注意事項有哪些，下面就是實戰案例，一起來看一下。

以下內容可能不完全正確，只是在有問題時進行參考。

1. setTimeout

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

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

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

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

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

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

3 . fadeOut和hide的區別

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

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：
滑鼠響應式透明度漸層效果的實作

如何實現捲軸滑到底部時自動載入更多內容

如何用jquery做出放大鏡效果

######

以上是實作定時隱藏對話框的jQuery方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！