快捷導(dǎo)航

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

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

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

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

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

1. setTimeout

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

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

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

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

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

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

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

常用方法一：

<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ù)里必須放一個(gè)0,不然延時(shí)不起作用
    *3.delay是異步執(zhí)行的。
    */
    $('#divid').delay(6000).hide(0);
  }
);

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

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

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

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

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

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

您可能感興趣的文章: