快捷導(dǎo)航

JS/jQuery實(shí)現(xiàn)DIV延時(shí)幾秒后消失或顯示的方法

更新時(shí)間：2018年02月12日 09:23:02 作者：mdy

這篇文章主要介紹了JS/jQuery實(shí)現(xiàn)DIV延時(shí)幾秒后消失或顯示的方法,結(jié)合實(shí)例形式分析了javascript使用setTimeout及jQuery使用delay方法實(shí)現(xiàn)延遲顯示功能的相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了JS/jQuery實(shí)現(xiàn)DIV延時(shí)幾秒后消失或顯示的方法。分享給大家供大家參考，具體如下：

1、最常用的方法（setTimeout）：

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

2、第二種方法（delay）

jquery 讓一個(gè)div延時(shí)消失，純jQuery,不用settimeout，就用jQuery寫(xiě)。

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

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題：《JavaScript操作DOM技巧總結(jié)》、《JavaScript頁(yè)面元素操作技巧總結(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ì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

go.js的基本使用方法詳解【與vue,react同理】
這篇文章主要介紹了go.js的基本使用方法,結(jié)合實(shí)例形式詳細(xì)分析了go.js基本功能、原理及vue中使用方法,需要的朋友可以參考下
2023-06-06
JavaScript 異步調(diào)用框架 (Part 6 - 實(shí)例 & 模式)
我們用了5篇文章來(lái)討論如何編寫(xiě)一個(gè)JavaScript異步調(diào)用框架（問(wèn)題 & 場(chǎng)景、用例設(shè)計(jì)、代碼實(shí)現(xiàn)、鏈?zhǔn)秸{(diào)用、鏈?zhǔn)綄?shí)現(xiàn)），現(xiàn)在是時(shí)候讓我們看一下在各種常見(jiàn)開(kāi)發(fā)情景中如何使用它了。
2009-08-08
詳解JS中的立即執(zhí)行函數(shù)
本文主要介紹了js中立即執(zhí)行函數(shù)的相關(guān)知識(shí)，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧
2017-02-02
bootstrap3 dialog 更強(qiáng)大、更靈活的模態(tài)框
這篇文章主要介紹了bootstrap3 dialog 更強(qiáng)大、更靈活的模態(tài)框,本文通過(guò)效果展示實(shí)例代碼詳解，需要的朋友可以參考下
2017-04-04
JavaScript canvas實(shí)現(xiàn)文字時(shí)鐘
這篇文章主要為大家詳細(xì)介紹了JavaScript canvas實(shí)現(xiàn)文字時(shí)鐘，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-01-01
webpack中Loader和Plugin的區(qū)別小結(jié)
本文主要介紹了webpack中Loader和Plugin的區(qū)別小結(jié),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2024-06-06
JavaScript中的幾個(gè)關(guān)鍵概念的理解-原型鏈的構(gòu)建
JavaScript中的prototype，標(biāo)準(zhǔn)翻譯為“原型”，表示對(duì)象的初始形態(tài)
2011-05-05
微信小程序如何實(shí)現(xiàn)商品列表跳轉(zhuǎn)商品詳情頁(yè)功能
最近在學(xué)微信小程序開(kāi)發(fā)的時(shí)候,碰上了一個(gè)問(wèn)題,所以想著總結(jié)下,這篇文章主要給大家介紹了關(guān)于微信小程序如何實(shí)現(xiàn)商品列表跳轉(zhuǎn)商品詳情頁(yè)功能的相關(guān)資料,需要的朋友可以參考下
2022-04-04
在網(wǎng)頁(yè)中插入百度地圖的步驟詳解
在企業(yè)網(wǎng)站中常會(huì)看到企業(yè)地址會(huì)顯示在地圖上，那么，如何實(shí)現(xiàn)這種功能呢？本篇文章就主要介紹在網(wǎng)頁(yè)中插入百度地圖的步驟，下面就隨小編一起來(lái)看看吧
2016-12-12
[Bootstrap-插件使用]Jcrop+fileinput組合實(shí)現(xiàn)頭像上傳功能實(shí)例代碼
這篇文章主要介紹了[Bootstrap-插件使用]Jcrop+fileinput組合實(shí)現(xiàn)頭像上傳功能實(shí)例代碼,非常具有實(shí)用價(jià)值，需要的朋友可以參考下。
2016-12-12