JS/jQuery实现DIV延时几秒后消失或显示的方法


Posted in jQuery onFebruary 12, 2018

本文实例讲述了JS/jQuery实现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函数是jquery 1.4.2新增的函数
  *2.hide函数里必须放一个0,不然延时不起作用
  */
  $('#divid').delay(6000).hide(0);
 }
);
</script>

希望本文所述对大家JavaScript程序设计有所帮助。

jQuery 相关文章推荐
jQuery中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})不被Firefox支持的问题
Apr 04 jQuery
jQuery Jsonp跨域模拟搜索引擎
Jun 17 jQuery
jQuery常见面试题之DOM操作详析
Jul 05 jQuery
基于jquery实现多级菜单效果
Jul 25 jQuery
jQuery+CSS实现的table表格行列转置功能示例
Jan 08 jQuery
jQuery实现DIV响应鼠标滑过由下向上展开效果示例【测试可用】
Apr 26 jQuery
jQuery基于Ajax实现读取XML数据功能示例
May 31 jQuery
jQuery实现仿京东防抖动菜单效果示例
Jul 06 jQuery
jQuery扩展方法实现Form表单与Json互相转换的实例代码
Sep 05 jQuery
jQuery对底部导航进行跳转并高亮显示的实例代码
Apr 23 jQuery
jQuery使用ajax传递json对象到服务端及contentType的用法示例
Mar 12 jQuery
jquery实现上传文件进度条
Mar 26 jQuery
集成vue到jquery/bootstrap项目的方法
Feb 10 #jQuery
jQuery实现的简单图片轮播效果完整示例
Feb 08 #jQuery
jQuery 防止相同的事件快速重复触发方法
Feb 08 #jQuery
jQuery实现动态显示select下拉列表数据的方法
Feb 05 #jQuery
jQuery Dom元素操作技巧
Feb 04 #jQuery
jQuery niceScroll滚动条错位问题的解决方法
Feb 03 #jQuery
jQuery实现的下雪动画效果示例【附源码下载】
Feb 02 #jQuery
You might like
PHP新手NOTICE错误常见解决方法
2011/12/07 PHP
PHP session_start()问题解疑(详细介绍)
2013/07/05 PHP
THINKPHP5分页数据对象处理过程解析
2020/10/28 PHP
让GoogleCode的SVN下的HTML文件在FireFox下正常显示.
2009/05/25 Javascript
CSS+Jquery实现页面圆角框方法大全
2009/12/24 Javascript
精心挑选的15个jQuery下拉菜单制作教程
2012/06/15 Javascript
原生js拖拽(第一课 未兼容)拖拽思路
2013/03/29 Javascript
jquery的相对父元素和相对文档定位示例代码
2013/08/02 Javascript
JQuery解析HTML、JSON和XML实例详解
2014/03/29 Javascript
javascript实现二级级联菜单的简单制作
2015/11/19 Javascript
Javascript typeof与instanceof的区别
2016/10/18 Javascript
js+div+css下拉导航菜单完整代码分享
2016/12/28 Javascript
JQuery中Ajax的操作完整例子
2017/03/07 Javascript
jquery插件ContextMenu设置右键菜单
2017/03/13 Javascript
微信小程序实现皮肤功能(夜间模式)
2017/06/18 Javascript
js实现左右两侧浮动广告
2018/07/09 Javascript
解决v-for中使用v-if或者v-bind:class失效的问题
2018/09/25 Javascript
vue-router二级导航切换路由及高亮显示的实现方法
2019/07/10 Javascript
详解Vue 数据更新了但页面没有更新的 7 种情况汇总及延伸总结
2020/05/28 Javascript
Vue+Element ui 根据后台返回数据设置动态表头操作
2020/09/21 Javascript
基于JQuery和DWR实现异步数据传递
2020/10/16 jQuery
[05:34]2014DOTA2国际邀请赛中国区预选赛精彩TOPPLAY第二弹
2014/06/25 DOTA
关于Python 常用获取元素 Driver 总结
2019/11/24 Python
python Django 反向访问器的外键冲突解决
2020/05/20 Python
Django 实现 Websocket 广播、点对点发送消息的代码
2020/06/03 Python
Python 执行矩阵与线性代数运算
2020/08/01 Python
Python3+selenium配置常见报错解决方案
2020/08/28 Python
美国豪华的多品牌精品店:The Webster
2019/07/31 全球购物
2014升学宴答谢词
2014/01/26 职场文书
军训自我鉴定范文
2014/02/13 职场文书
小学音乐教师个人工作总结
2015/02/05 职场文书
幼儿园小班个人工作总结
2015/02/12 职场文书
焦点访谈观后感
2015/06/11 职场文书
六年级作文之家庭作文
2019/12/12 职场文书
python使用glob检索文件的操作
2021/05/20 Python
Java 数据结构七大排序使用分析
2022/04/02 Java/Android