jQuery经过一段时间自动隐藏指定元素的方法


Posted in Javascript onMarch 17, 2015

本文实例讲述了jQuery经过一段时间自动隐藏指定元素的方法。分享给大家供大家参考。具体如下:

下面的代码提供了两种方法用于定时隐藏元素,第一种是使用setTimeout实现,第二种是使用jQuery1.4以后版本中提供的delay方法实现,第二种更简单一下。

//这是1.3.2中我们使用setTimeout来实现的方式 
//https://3water.com
setTimeout(function() { 
$('.showdiv').hide('blind', {}, 500) 
}, 5000); 
 
 
//这是在1.4中可以使用delay()这一功能来实现的方式
//(这很像是休眠) 
$(".showdiv").delay(5000).hide('blind', {}, 500);

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

Javascript 相关文章推荐
JS查看对象功能代码
Apr 25 Javascript
aspx中利用js实现确认删除代码
Jul 22 Javascript
基于jquery和svg实现超炫酷的动画特效
Dec 09 Javascript
js函数与php函数的区别实例浅析
Jan 12 Javascript
jQuery选择id属性带有点符号元素的方法
Mar 17 Javascript
从零学习node.js之express入门(六)
Feb 25 Javascript
vue.js实现数据动态响应 Vue.set的简单应用
Jun 15 Javascript
Async Validator 异步验证使用说明
Jul 03 Javascript
Vue工程模板文件 webpack打包配置方法
Dec 26 Javascript
JS实现留言板功能[楼层效果展示]
Dec 27 Javascript
JavaScript实现的文本框placeholder提示文字功能示例
Jul 25 Javascript
简单了解JavaScript arguement原理及作用
May 28 Javascript
input输入框鼠标焦点提示信息
Mar 17 #Javascript
原生JS实现LOADING效果
Mar 16 #Javascript
使用jQuery实现图片遮罩半透明坠落遮挡
Mar 16 #Javascript
jQuery+css3动画属性制作猎豹浏览器宽屏banner焦点图
Mar 16 #Javascript
JavaScript中使用Callback控制流程介绍
Mar 16 #Javascript
jquery图片切换插件
Mar 16 #Javascript
JavaScript中的方法重载实例
Mar 16 #Javascript
You might like
php 什么是PEAR?(第三篇)
2009/03/19 PHP
ThinkPHP php 框架学习笔记
2009/10/30 PHP
ThinkPHP有变量的where条件分页实例
2014/11/03 PHP
PHPCMS V9 添加二级导航的思路详解
2016/10/20 PHP
LaravelS通过Swoole加速Laravel/Lumen详解
2018/03/02 PHP
Javascript打印网页部分内容的脚本
2008/11/17 Javascript
DD_belatedPNG,IE6下PNG透明解决方案(国外)
2010/12/06 Javascript
Prototype源码浅析 String部分(一)之有关indexOf优化
2012/01/15 Javascript
基于NodeJS的前后端分离的思考与实践(一)全栈式开发
2014/09/26 NodeJs
jQuery实现3D文字特效的方法
2015/03/10 Javascript
JavaScript实现DIV层拖动及动态增加新层的方法
2015/05/12 Javascript
浅谈javascript函数式编程
2015/09/06 Javascript
JavaScript 七大技巧(二)
2015/12/13 Javascript
jQuery获取父元素及父节点的方法小结
2016/04/14 Javascript
全面解析JavaScript的Backbone.js框架中的Router路由
2016/05/05 Javascript
基于jQuery.validate及Bootstrap的tooltip开发气泡样式的表单校验组件思路详解
2016/07/18 Javascript
jquery css实现邮箱自动补全
2016/11/14 Javascript
浅谈gulp创建完整的项目流程
2017/12/20 Javascript
Angular7创建项目、组件、服务以及服务的使用
2019/02/19 Javascript
ES6新增的数组知识实例小结
2020/05/23 Javascript
Python实现远程调用MetaSploit的方法
2014/08/22 Python
跟老齐学Python之让人欢喜让人忧的迭代
2014/10/02 Python
多个应用共存的Django配置方法
2018/05/30 Python
python简易远程控制单线程版
2018/06/20 Python
Python读写zip压缩文件的方法
2018/08/29 Python
Apache,wsgi,django 程序部署配置方法详解
2019/07/01 Python
解决Tensorflow 使用时cpu编译不支持警告的问题
2020/02/03 Python
CNC数控操作工岗位职责
2013/11/19 职场文书
一封普通求职者的求职信
2013/11/20 职场文书
汽车促销活动方案
2014/03/31 职场文书
工程造价专业求职信
2014/07/17 职场文书
党员干部群众路线个人整改措施
2014/09/18 职场文书
运动会加油稿20字
2014/11/15 职场文书
入党群众意见范文
2015/06/02 职场文书
营销策划分析:怎么策划才能更好销量产品?
2019/09/04 职场文书
HTML页面中使两个div并排显示的实现
2022/05/15 HTML / CSS