jQuery實現(xiàn)定時隱藏對話框的方法分析

更新時間：2018年02月12日 10:11:05 作者：發(fā)飆的小蝸牛

這篇文章主要介紹了jQuery實現(xiàn)定時隱藏對話框的方法,結(jié)合實例形式較為詳細的分析了jQuery定時隱藏對話框的相關(guān)函數(shù)、實現(xiàn)方法與操作注意事項,需要的朋友可以參考下

本文實例講述了jQuery實現(xiàn)定時隱藏對話框的方法。分享給大家供大家參考，具體如下：

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

1. setTimeout

：出現(xiàn)設(shè)置了時間，但是程序立即執(zhí)行的情況。

：無論是window.setTimeout還是window.setInterval，在使用函數(shù)名作為調(diào)用句柄時都不能帶參數(shù)。

：解決就是定義一個匿名函數(shù)

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

：第二個參數(shù)是毫秒數(shù)，1秒=1000毫秒

其他情況：這個網(wǎng)址的介紹：http://www.fzitv.net/article/36681.htm

2. 設(shè)置對話框的掩藏

常用方法一：

<script language='javascript' type='text/javascript'>
$(function () {
  setTimeout(function () {
    $("divid").show();
  }, 6000);
})
</script>

常用方法二：

<script language='javascript' type='text/javascript'>
$(document).ready(
  function()
  {
    /**
    *1.delay函數(shù)是jquery 1.4.2新增的函數(shù)
    *2.hide函數(shù)里必須放一個0,不然延時不起作用
    *3.delay是異步執(zhí)行的。
    */
    $('#divid').delay(6000).hide(0);
  }
);

參考網(wǎng)址的介紹：http://www.fzitv.net/article/135028.htm

3. fadeOut和hide的區(qū)別

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

參考網(wǎng)址的介紹：http://www.fzitv.net/article/90750.htm

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript操作DOM技巧總結(jié)》、《JavaScript頁面元素操作技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學運算用法總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

您可能感興趣的文章: