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

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

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

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

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

1. setTimeout

：出現(xiàn)設置了時間，但是程序立即執(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.dhdzp.com/article/36681.htm

2. 設置對話框的掩藏

常用方法一：

<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.dhdzp.com/article/135028.htm

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

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

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

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

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

您可能感興趣的文章:

基于jQuery的左滑出現(xiàn)刪除按鈕的示例
本篇文章主要介紹了基于jQuery的左滑出現(xiàn)刪除按鈕的示例，這里整理了詳細的代碼,非常具有實用價值，需要的朋友可以參考下
2017-08-08
jquery 文本上下無縫滾動,鼠標放上去就停止小例子
jquery 文本上下無縫滾動,鼠標放上去就停止小例子，需要的朋友可以參考一下
2013-06-06
jQuery知識點整理
這篇文章主要介紹了jQuery知識點整理的相關資料,需要的朋友可以參考下
2015-01-01
jquery分隔Url的param方法(推薦)
下面小編就為大家?guī)硪黄猨query分隔Url的param方法(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-05-05
jQuery應用中特殊字符處理的問題
今天在弄動態(tài)菜單的時候發(fā)現(xiàn)id里面包含特殊字符"/"，糾結了N久，就是不能根據(jù)這個ID獲取到節(jié)點
2011-06-06
jquery中的過濾操作詳細解析
這篇文章主要介紹了jquery中的過濾操作。需要的朋友可以過來參考下，希望對大家有所幫助
2013-12-12
詳解jQuery 鏈式調(diào)用
這篇文章主要介紹了jQuery 鏈式調(diào)用的相關資料，幫助大家更好的理解和學習使用jQuery，感興趣的朋友可以了解下
2021-05-05
jQuery 實現(xiàn)評論等級好評差評特效
本文主要介紹如何實現(xiàn)類似淘寶好評差評的效果，需要的小伙伴直接拿去用吧。
2016-05-05
AJAX和jQuery動態(tài)加載數(shù)據(jù)的實現(xiàn)方法
本文給大家介紹使用ajax和jquery動態(tài)加載數(shù)據(jù)的實現(xiàn)方法，使用jQuery可以簡化這個過程。下面通過實例代碼給大家介紹下，需要的的朋友參考下吧
2016-12-12
jquery3和layui沖突導致使用layui.layer.full彈出全屏iframe窗口時高度152px問題
這篇文章主要介紹了解決jquery3和layui沖突導致使用layui.layer.full彈出全屏iframe窗口時高度152px問題,需要的朋友可以參考下
2019-05-05