如何设置DIV在网页中显示几秒然后自动隐藏消失

如何设置DIV在网页中显示几秒然后自动隐藏消失

设置DIV在网页中显示几秒，然后自动隐藏消失,可以通过js定时器方法setTimeout（）来实现。下面小编举例讲解如何设置DIV在网页中显示几秒然后自动隐藏消失。

新建一个html文件，命名为test.html，用于讲解如何设置DIV在网页中显示几秒然后自动隐藏消失。

在test.html文件内,创建一个div模块，并设置其id属性为mydiv,主要用于下面通过该id获得div对象。

在test.html文件内,使用css设置div的样式，设置div的高度、宽度为200px,背景颜色为红色。

在js标签中，创建一个myfun()函数，主要用于把隐藏的div显示出来。

在myfun()函数内，通过id获得div对象，设置其style中display属性为none,即隐藏div。

在函数的外面，使用setTimeout（）方法设置在页面打开3秒后执行myfun()函数，把div隐藏，并在页面中输出div隐藏成功的提示。

在浏览器打开test.html文件，查看实现的效果。