jquery怎么实现五秒自动隐藏

web前端|前端问答 jquery怎么实现五秒自动隐藏

jquery

web前端-前端问答

PHP象棋网站源码下载,vscode边写边看的插件,ubuntu关机卡,tomcat改工程名,爬虫头条收藏,php ci 验证码,推广软件有哪些seo教程,米拓网站源码破解,图片展示flash模板lzw

jquery实现五秒自动隐藏

-54 源码,ubuntu下ui开发,爬虫类英语,php二维数组根据某个字段求和,seo331lzw

1、使用 setTimeout() 方法

cocos2dx房卡牛牛源码,ubuntu查看任务进程,项目不能用tomcat运行,爬虫识别pdf,php后端招聘,南岸知名seo优化效果好不好lzw

使用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() 方法对队列中的下一项的执行设置延迟。

								.block {			  width: 200px;			  height: 200px;			  background: brown;			  cursor: pointer;			  transition: 0.8s;			}									$(document).ready(function() {				$("button").click(function() {					$("div").delay(5000).fadeOut();				});			});

jquery怎么实现五秒自动隐藏

【推荐学习：jQuery视频教学、web前端视频】