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

javascript
代码编纂器:Dreamweaver CS5方式/
1新建一个html文件, 定名为test.html, 用于讲解若何设置DIV在网页中显示几秒然后主动埋没消逝 。

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

文章插图

2在test.html文件内,建立一个div模块, 并设置其id属性为mydiv,本家儿要用于下面经由过程该id获得div对象 。

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

文章插图

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

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

文章插图

4在js标签中, 建立一个myfun()函数, 本家儿要用于把埋没的div显示出来 。

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

文章插图

5【如何设置DIV在网页中显示几秒然后自动隐藏消失】在myfun()函数内, 经由过程id获得div对象, 设置其style中display属性为none,即埋没div 。

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

文章插图

6在函数的外面, 利用setTimeout方式设置在页面打开3秒后执行myfun()函数, 把div埋没, 并在页面中输出div埋没当作功的提醒 。

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

文章插图

7在浏览器打开test.html文件, 查看实现的结果 。

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

文章插图

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

文章插图


以上内容就是如何设置DIV在网页中显示几秒然后自动隐藏消失的内容啦, 希望对你有所帮助哦!

    推荐阅读