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将标签元素的高设为屏幕的百分比
Apr 19 jQuery
jquery实现图片跟随鼠标的实例
Oct 17 jQuery
jQuery实现点击DIV同时点击CheckBox,并为DIV上背景色的实例
Dec 18 jQuery
jquery radio 动态控制选中失效问题的解决方法
Feb 28 jQuery
jquery点击回车键实现登录效果并默认焦点的方法
Mar 09 jQuery
jquery ajaxfileuplod 上传文件 essyui laoding 效果【防止重复上传文件】
May 26 jQuery
jQuery实现的页面详情展开收起功能示例
Jun 11 jQuery
jQuery Migrate 插件用法实例详解
May 22 jQuery
jQuery模拟html下拉多选框的原生实现方法示例
May 30 jQuery
JQuery实现简单的复选框树形结构图示例【附源码下载】
Jul 16 jQuery
jQuery+css实现的点击图片放大缩小预览功能示例【图片预览 查看大图】
May 29 jQuery
jQuery实现滑动开关效果
Aug 02 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
CI框架入门示例之数据库取数据完整实现方法
2014/11/05 PHP
YII分模块加载路由的实现方法
2018/10/01 PHP
动态添加js事件实现代码
2009/03/12 Javascript
学习面向对象之面向对象的基本概念:对象和其他基本要素
2010/11/30 Javascript
JS 如果改变span标签的是否隐藏属性
2011/10/06 Javascript
根据json字符串生成Html的一种方式
2013/01/09 Javascript
Jquery实现仿新浪微博获取文本框能输入的字数代码
2013/02/22 Javascript
jQuery中get和post方法传值测试及注意事项
2014/08/08 Javascript
jQuery结合CSS制作动态的下拉菜单
2015/10/27 Javascript
详解JS面向对象编程
2016/01/24 Javascript
第二次聊一聊JS require.js模块化工具的基础知识
2016/04/17 Javascript
js实现上传图片预览方法
2016/10/25 Javascript
不使用 JS 匿名函数理由
2017/11/17 Javascript
推荐一个基于Node.js的表单验证库
2019/02/15 Javascript
nodejs中各种加密算法的实现详解
2019/07/11 NodeJs
Js视频播放器插件Video.js使用方法详解
2020/02/04 Javascript
js实现简单抽奖功能
2020/11/24 Javascript
[01:21:58]守擂赛DOTA2第一周决赛
2020/04/22 DOTA
Python 列表(List)操作方法详解
2014/03/11 Python
Python contextlib模块使用示例
2015/02/18 Python
Linux系统(CentOS)下python2.7.10安装
2018/09/26 Python
Python+OpenCV采集本地摄像头的视频
2019/04/25 Python
利用python-pypcap抓取带VLAN标签的数据包方法
2019/07/23 Python
python实现高斯(Gauss)迭代法的例子
2019/11/20 Python
Python基于httpx模块实现发送请求
2020/07/07 Python
聊聊Python pandas 中loc函数的使用,及跟iloc的区别说明
2021/03/03 Python
使用CSS3的::selection改变选中文本颜色的方法
2015/09/29 HTML / CSS
全球领先美式家具品牌:Ashley爱室丽家居
2017/08/07 全球购物
大学生毕业求职简历的自我评价
2013/10/24 职场文书
揠苗助长教学反思
2014/02/04 职场文书
父母对孩子说的话
2014/04/12 职场文书
排查整治工作方案
2014/06/09 职场文书
学校督导评估方案
2014/06/10 职场文书
党员批评与自我批评发言材料
2014/10/14 职场文书
班主任自我评价范文
2015/03/11 职场文书
聊聊mysql都有哪几种分区方式
2022/04/13 MySQL