资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

jquery如何实现五秒自动隐藏

这篇文章主要讲解了“jquery如何实现五秒自动隐藏”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“jquery如何实现五秒自动隐藏”吧!

阿拉尔ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为创新互联的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:13518219792(备注:SSL证书合作)期待与您的合作!

两种方法:1、“setTimeout(function(){指定对象.hide();},5000);”语句,通过设置定时器来实现延迟效果。2、用“指定对象.delay(5000).fadeOut();”语句,通过延迟代码执行时间来实现效果。

jquery如何实现五秒自动隐藏

本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。

jquery实现五秒自动隐藏

1、使用 setTimeout() 方法

  • 使用setTimeout()方法设置5秒后执行function()方法

  • 在function()方法内,使用hide()方法实现指定元素。

$(document).ready(function() {
	$("button").click(function() {
		setTimeout(function() {
			$("div").hide(); 
		}, 5000);
	});
});

jquery如何实现五秒自动隐藏

说明:

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。

setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。

2、使用delay()设置五秒自动隐藏元素

delay() 方法对队列中的下一项的执行设置延迟。



	
		
		
		
		
			$(document).ready(function() {
				$("button").click(function() {
					$("div").delay(5000).fadeOut();
				});
			});
		
	
	
		

jquery如何实现五秒自动隐藏

感谢各位的阅读,以上就是“jquery如何实现五秒自动隐藏”的内容了,经过本文的学习后,相信大家对jquery如何实现五秒自动隐藏这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!


文章标题:jquery如何实现五秒自动隐藏
本文地址:http://www.cdkjz.cn/article/jcdjeh.html
返回首页 了解更多建站资讯
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220