JavaScript怎么实现定时关闭div

广告:宝塔Linux面板高效运维的服务器管理软件 点击【 https://www.bt.cn/p/uNLv1L 】立即购买

JavaScript怎么实现定时关闭div

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的详细内容,更多请关注9543建站博客其它相关文章!

广告:SSL证书一年128.66元起,点击购买~~~

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。

作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:html中mate是单标签吗
下一篇:uniapp重复跳转的原因分析

发表评论

关闭广告
关闭广告