jquery如何实现五秒自动隐藏

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

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

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

本教程操作环境：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);
	});
});

说明：

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

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

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

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

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