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 相关文章推荐
JavaScript 在网页上单击鼠标的地方显示层及关闭层
Dec 30 Javascript
解决JS浮点数运算出现Bug的方法
Mar 12 Javascript
Javascript 命名空间模式
Nov 01 Javascript
JS实现清除指定cookies的方法
Sep 20 Javascript
javascript的push使用指南
Dec 05 Javascript
jquery实现表单验证并阻止非法提交
Jul 09 Javascript
js实现新年倒计时效果
Dec 10 Javascript
浅谈JavaScript中的分支结构
Jul 01 Javascript
JavaScript函数基础详解
Feb 03 Javascript
vue axios整合使用全攻略
May 24 Javascript
详解Vue一个案例引发「内容分发slot」的最全总结
Dec 02 Javascript
Vue的Options用法说明
Aug 14 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 fckeditor 调用的函数
2009/06/21 PHP
来自phpguru得Php Cache类源码
2010/04/15 PHP
在Yii框架中使用PHP模板引擎Twig的例子
2014/06/13 PHP
php中smarty区域循环的方法
2015/06/11 PHP
PHP单例模式详解及实例代码
2016/12/21 PHP
PHPMAILER实现PHP发邮件功能
2018/04/18 PHP
thinkPHP框架实现多表查询的方法
2018/06/14 PHP
通过JAVAScript实现页面自适应
2007/01/19 Javascript
学习YUI.Ext第五日--做拖放Darg&Drop
2007/03/10 Javascript
比较全面的event对像在IE与FF中的区别 推荐
2009/09/21 Javascript
jquery mobile changepage的三种传参方法介绍
2013/09/13 Javascript
选择复选框按钮置灰否则按钮可用
2014/05/22 Javascript
javascript元素动态创建实现方法
2015/05/13 Javascript
JS中的二叉树遍历详解
2016/03/18 Javascript
在JavaScript中模拟类(class)及类的继承关系
2016/05/20 Javascript
JS从一组数据中找到指定的单条数据的方法
2016/06/02 Javascript
JQuery动态添加Select的Option元素实现方法
2016/08/29 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(三)
2016/09/14 Javascript
Bootstrap CSS布局之表单
2016/12/17 Javascript
vue.js的提示组件
2017/03/02 Javascript
javascript简单写的判断电话号码实例
2017/05/24 Javascript
帝国cms首页列表页实现点赞功能
2017/10/30 Javascript
vuex的简单使用教程
2018/02/02 Javascript
Vue使用高德地图搭建实时公交应用功能(地图 + 附近站点+线路详情 + 输入提示+换乘详情)
2018/05/16 Javascript
详解js中的几种常用设计模式
2020/07/16 Javascript
基于Python实现的扫雷游戏实例代码
2014/08/01 Python
Python实现读取及写入csv文件的方法示例
2018/01/12 Python
Python机器学习logistic回归代码解析
2018/01/17 Python
Python 获取主机ip与hostname的方法
2018/12/17 Python
Python3中的最大整数和最大浮点数实例
2019/07/09 Python
pytorch 准备、训练和测试自己的图片数据的方法
2020/01/10 Python
全方位了解CSS3的Regions扩展
2015/08/07 HTML / CSS
Myprotein瑞典官方网站:畅销欧洲英国运动营养品牌
2018/01/22 全球购物
初中语文教学反思范文
2016/03/03 职场文书
深入理解CSS 中 transform matrix矩阵变换问题
2021/08/30 HTML / CSS
mysql的Buffer Pool存储及原理
2022/04/02 MySQL