JavaScript怎么实现定时关闭div

藏色散人 原创: 2021-10-18 14:05:30 1821浏览

JavaScript实现定时关闭div的方法：1、打开相应的前端代码文件；2、通过“onLoad=setTimeout("abc.style.display='none'",5000)”方式实现定时自动关闭DIV层提示框即可。

本文操作环境：windows7系统、javascript1.8.5版、DELL G3电脑

JavaScript怎么定时关闭div？

JS实现定时自动关闭DIV层提示框的方法

这里用JS设定时间去控制指定ID的DIV层是否显示，可以实现一个自动关闭的提示框，时间一到，马上关闭，这样会使你的网页更人性一点，代码其实比你想像的还要简单，就一行代码。

<title>自动关闭的DIV层</title>
<body onLoad=setTimeout("abc.style.display='none'",5000)>
<div id="abc" style="background:yellow;padding:20px;
position:absolute; left:92px; top:38px;
width:200px; height:169px; z-index:1">
友情提示：本层5秒后会消失！
</div>

推荐学习：《javascript基础教程》

以上就是JavaScript怎么实现定时关闭div的详细内容，更多请关注php中文网其它相关文章！

JavaScript PHP课程 HTML视频教程 CSS视频 JS视频教程 Vue视频教程

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。

上一条：javascript parseint方法怎么用下一条：javascript如何处理焦点