现在的位置: 网页制作教程JS网页特效 >正文
jquery相关教程

如何用jQuery实现延迟隐藏指定元素

发表于2015/11/20 JS网页特效 2条评论 ⁄ 热度 4,724℃
导语:这篇文章主要介绍了jQuery经过一段时间自动隐藏指定元素的方法,实例分析了两种比较常用的技巧,非常具有实用价值,同时也列出了两种方法适用的不同场景,需要的朋友可以参考下。

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

jquery经过一段时间自动隐藏元素

方法一:利用setTimeout实现

//这是1.3.2中我们使用setTimeout来实现的方式
//http://www.webym.net
setTimeout(function() { 
$('.showdiv').hide('blind', {}, 500) 
}, 5000); 

方法二:利用jQuery中的delay()函数实现

//这是在1.4中可以使用delay()这一功能来实现的方式
$(".showdiv").delay(5000).hide('blind', {}, 500);

以上两种不同的方法,delay()函数是针对动画设置的,

setTimeout可以对指定的元素设定。

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

  • 暂无评论