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实现Select下拉列表进行状态选择功能
Mar 30 jQuery
JavaScript使用链式方法封装jQuery中CSS()方法示例
Apr 07 jQuery
jQuery正则验证注册页面经典实例
Jun 10 jQuery
jQuery复合事件结合toggle()方法的用法示例
Jun 10 jQuery
jQuery使用ajax_动力节点Java学院整理
Jul 05 jQuery
jQuery获取table表中的td标签(实例讲解)
Jul 28 jQuery
jQuery实现的回车触发按钮事件功能示例
Mar 25 jQuery
jQuery实现基本动画效果的方法详解
Sep 06 jQuery
jQuery判断自定义属性data-val用法示例
Jan 07 jQuery
如何用webpack4.0撸单页/多页脚手架 (jquery, react, vue, typescript)
Jun 18 jQuery
jquery.pager.js分页实现详解
Jul 29 jQuery
jQuery实现的记住帐号密码功能完整示例
Aug 03 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
仿AS3实现PHP 事件机制实现代码
2011/01/27 PHP
一个简单的网页密码登陆php代码
2012/07/17 PHP
PHP 数组黑名单/白名单实例代码详解
2019/06/04 PHP
Nodejs使用mysql模块之获得更新和删除影响的行数的方法
2014/03/18 NodeJs
JavaScript异步编程Promise模式的6个特性
2014/04/03 Javascript
jQuery实现Div拖动+键盘控制综合效果的方法
2015/03/10 Javascript
使用纯javascript实现经典扫雷游戏
2015/04/23 Javascript
Javascript递归打印Document层次关系实例分析
2015/05/15 Javascript
jQuery实现Tab菜单滚动切换的方法
2015/09/21 Javascript
浏览器兼容的JS写法总结
2016/04/27 Javascript
jQuery中的insertBefore(),insertAfter(),after(),before()区别介绍
2016/09/01 Javascript
那些精彩的JavaScript代码片段
2017/01/12 Javascript
详解Angular2响应式表单
2017/06/14 Javascript
React学习笔记之条件渲染(一)
2017/07/02 Javascript
jQuery实现导航栏头部菜单项点击后变换颜色的方法
2017/07/19 jQuery
解决vue项目使用font-awesome,build后路径的问题
2018/09/01 Javascript
解决layui调用自定义方法提示未定义的问题
2019/09/14 Javascript
通过javascript实现扫雷游戏代码实例
2020/02/09 Javascript
[07:06]2018DOTA2国际邀请赛寻真——卫冕冠军Team Liquid
2018/08/10 DOTA
Python实现提取谷歌音乐搜索结果的方法
2015/07/10 Python
windows下python之mysqldb模块安装方法
2017/09/07 Python
python中Apriori算法实现讲解
2017/12/10 Python
详解Python locals()的陷阱
2019/03/26 Python
Pytorch在NLP中的简单应用详解
2020/01/08 Python
Python Django2 model 查询介绍(条件、范围、模糊查询)
2020/03/16 Python
CSS类名支持中文命名的示例
2014/04/04 HTML / CSS
HTML5中新标签和常用标签详解
2014/03/07 HTML / CSS
英国最大的宠物食品和宠物用品网上零售商: Zooplus
2016/08/01 全球购物
英国在线照明超市:Castlegate Lights
2019/10/30 全球购物
意大利时尚精品店:Nugnes 1920
2020/02/10 全球购物
《珍珠泉》教学反思
2014/02/20 职场文书
小学生春游活动方案
2014/08/20 职场文书
销售员未完成销售业绩的检讨书
2014/10/12 职场文书
辞职信模板(中英文版)
2015/02/27 职场文书
2015年清明节网上祭英烈活动总结
2015/03/26 职场文书
基于CSS3画一个iPhone
2021/04/21 HTML / CSS