在jQuery中如何實現定時隱藏對話框

這篇文章主要介紹了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);
  }
);

參考網址的介紹：http://www.jb51.net/article/135028.htm

3. fadeOut和hide的區別

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

上面是我整理給大家的，希望今後會對大家有幫助。

相關文章：

在webpack中如何使用iconfont字體圖示

在微信小程式中如何實作圓形進度條

在webpack中實作動態引入檔案#

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