JavaScript怎么实现定时关闭div

JavaScript怎么实现定时关闭div,第1张

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的详细内容,

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/694458.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-04-22
下一篇 2022-04-22

发表评论

登录后才能评论

评论列表(0条)

保存