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.Form实现Ajax上传文件同时设置headers的方法
Jun 26 jQuery
jquery.rotate.js实现可选抽奖次数和中奖内容的转盘抽奖代码
Aug 23 jQuery
JQuery 获取多个select标签option的text内容(实例)
Sep 07 jQuery
jQuery事件对象的属性和方法详解
Sep 09 jQuery
jQuery ajax读取本地json文件的实例
Oct 31 jQuery
jQuery实现checkbox即点即改批量删除及中间遇到的坑
Nov 11 jQuery
jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法
Jan 18 jQuery
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
Jan 21 jQuery
[原创]jQuery实现合并/追加数组并去除重复项的方法
Apr 11 jQuery
jQuery实现点击旋转,再点击恢复初始状态动画效果示例
Dec 11 jQuery
jQuery实现侧边栏隐藏与显示的方法详解
Dec 22 jQuery
jQuery层叠选择器用法实例分析
Jun 28 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
日本十大惊悚动漫
2020/03/04 日漫
PHP生成静态页面详解
2006/11/19 PHP
PHP 图片水印类代码
2012/08/27 PHP
PHP无限分类(树形类)
2013/09/28 PHP
Thinkphp微信公众号支付接口
2016/08/04 PHP
一个加载js文件的小脚本
2007/06/28 Javascript
老鱼 浅谈javascript面向对象编程
2010/03/04 Javascript
JavaScript 语言的递归编程
2010/05/18 Javascript
javascript实现类似超链接的效果
2014/12/26 Javascript
js获取时间并实现字符串和时间戳之间的转换
2015/01/05 Javascript
直接拿来用的页面跳转进度条JS实现
2016/01/06 Javascript
Angular4表单验证代码详解
2017/09/03 Javascript
bootstrap实现二级下拉菜单效果
2017/11/23 Javascript
Angular入口组件(entry component)与声明式组件的区别详解
2018/04/09 Javascript
浅谈Angular 观察者模式理解
2018/11/01 Javascript
微信小程序swiper实现滑动放大缩小效果
2018/11/15 Javascript
vue踩坑记-在项目中安装依赖模块npm install报错
2019/04/02 Javascript
Vue+Element实现动态生成新表单并添加验证功能
2019/05/23 Javascript
vue实现PC端录音功能的实例代码
2019/06/05 Javascript
JS数组方法slice()用法实例分析
2020/01/18 Javascript
[03:49]DOTA2 2015国际邀请赛中国区预选赛第二日现场百态
2015/05/27 DOTA
[56:01]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 Effect vs EG
2018/03/31 DOTA
python数据抓取分析的示例代码(python + mongodb)
2017/12/25 Python
如何利用Python分析出微信朋友男女统计图
2019/01/25 Python
python将音频进行变速的操作方法
2020/04/08 Python
市场营销专业推荐信
2013/11/03 职场文书
临床医学专业学生的自我评价分享
2013/11/21 职场文书
公司经理聘任书
2014/03/29 职场文书
判缓刑人员个人思想汇报
2014/10/10 职场文书
2014年团委工作总结
2014/11/13 职场文书
2015年计算机教师工作总结
2015/07/22 职场文书
大学生安全教育主题班会
2015/08/12 职场文书
诚实守信主题班会
2015/08/13 职场文书
《作风建设永远在路上》心得体会
2016/01/21 职场文书
JavaScript实例 ODO List分析
2022/01/22 Javascript
Python matplotlib可视化之绘制韦恩图
2022/02/24 Python