快捷導(dǎo)航

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

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

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

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

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

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

2、第二種方法（delay）

jquery 讓一個div延時消失，純jQuery,不用settimeout，就用jQuery寫。

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

更多關(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ù)學(xué)運(yùn)算用法總結(jié)》

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

您可能感興趣的文章:

相關(guān)文章

微信小程序控制view隱藏顯示的5種方法匯總
在微信小程序開發(fā)時,經(jīng)常要用到一個控件會根據(jù)不同的情況和環(huán)境動態(tài)顯示與隱藏這種情況,下面這篇文章主要給大家介紹了關(guān)于微信小程序控制view隱藏顯示的5種方法,需要的朋友可以參考下
2022-04-04
在JavaScript中使用mqtt.js的詳細(xì)過程
這篇文章主要介紹了在JavaScript中使用mqtt.js的相關(guān)知識，本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
2023-04-04
javascript設(shè)計模式 – 解釋器模式原理與用法實(shí)例分析
這篇文章主要介紹了javascript設(shè)計模式 – 解釋器模式,結(jié)合實(shí)例形式分析了javascript解釋器模式相關(guān)概念、原理、用法及操作注意事項(xiàng),需要的朋友可以參考下
2020-04-04
在uniapp中如何去掉一些不想要的權(quán)限
在uniapp中,云打包以后會自動增加一個電話權(quán)限,并且在manifest.json里面也沒有添加這個權(quán)限,怎么添加都添加不上,下面小編給大家分享在uniapp中如何去掉一些不想要的權(quán)限,感興趣的朋友跟隨小編一起看看吧
2024-03-03
類似CSDN圖片切換效果腳本
原來的腳本當(dāng)只有一張圖片時會彈出JavaScript腳本錯誤，特此將自己修改完的版本貼出。
2009-09-09
js判斷選擇時間不能小于當(dāng)前時間的示例代碼
判斷選擇時間不能小于當(dāng)前時間的方法有很多，在本文為大家詳細(xì)介紹下使用js是如何實(shí)現(xiàn)的，感興趣的朋友可以嘗試操作下
2013-09-09
JavaScript 對象深入學(xué)習(xí)總結(jié)(經(jīng)典)
JavaScript中，除了五種原始類型（即數(shù)字，字符串，布爾值，null，undefined）之外的都是對象了，所以，不把對象學(xué)明白怎么繼續(xù)往下學(xué)習(xí)呢？本篇文章給大家分享javascript對象深入學(xué)習(xí)總結(jié)，小伙伴們跟著小編一起深入學(xué)習(xí)吧
2015-09-09
基于jquery實(shí)現(xiàn)全屏滾動效果
相信大家都很喜歡網(wǎng)易郵箱、QQ瀏覽器的官方網(wǎng)站這樣的可全屏滾動的效果，也許更多的朋友想把全屏滾動效果做到自己的網(wǎng)站中，本文就帶著大家一起完成這個效果
2015-11-11
.html文件防止script腳本緩存的三種方法
現(xiàn)在有這樣一個問題,由于一些原因,我們經(jīng)常需要修改gTool的代碼然后上傳更新cdn,但是用戶通過 html 文件訪問的 gTool 鏈接實(shí)際上還是緩存的,所以現(xiàn)在問題就是如何禁止緩存,文中給大家介紹了三個方法供大家參考,需要的朋友可以參考下
2024-01-01
Bootstrap中CSS的使用方法
這篇文章主要為大家詳細(xì)介紹了Bootstrap中CSS的使用方法,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-02-02