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

更新时间：2015年05月11日 17:16:03 投稿：shichen2014

这篇文章主要介绍了JS实现定时自动关闭DIV层提示框的方法,可实现加载时载入js代码控制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版日历控件
这篇文章主要介绍了纯javascript版日历控件，引用calendar.js文件，再把input的id设置成calendar,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-11-11
js数字转中文两种实现方法
在前端开发中有时候会需要到将阿拉伯数字转化为中文,当前做个记录,提供自己之后翻阅,这篇文章主要给大家介绍了关于js数字转中文两种实现方法的相关资料,需要的朋友可以参考下
2023-10-10
JS中将多个逗号替换为一个逗号的实现代码
这篇文章主要介绍了JS中将多个逗号替换为一个逗号的实现代码,需要的朋友可以参考下
2017-06-06
JavaScript图片上传并预览的完整实例
上传是个老生常谈的话题了,多数情况下各位想必用的是uplodify,webUploader之类的插件,这篇文章主要给大家介绍了关于JavaScript图片上传并预览的相关资料,需要的朋友可以参考下
2022-01-01
原生js实现倒计时--2018
本文主要介绍了原生js实现倒计时--2018的示例代码，具有很好的参考价值，下面跟着小编一起来看下吧
2017-02-02
移动端web滚动分页的实现方法
这篇文章主要为大家详细介绍了移动端web滚动分页的实现方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-05-05
详解JavaScript中分解数字的三种方法
这篇文章主要介绍了在JavaScript中分解数字的三种方法,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2021-01-01
微信浏览器左上角返回按钮监听的实现
这篇文章主要介绍了微信浏览器左上角返回按钮监听的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-03-03
WordPress 单页面上一页下一页的实现方法【附代码】
下面小编就为大家带来一篇WordPress 单页面上一页下一页的实现方法【附代码】。小编觉得非常不错。给大家分享一下。希望能给大家一个参考。
2016-03-03
JavaScript常见鼠标事件与用法分析
这篇文章主要介绍了JavaScript常见鼠标事件与用法,结合实例形式较为详细的分析了javascript 8种常见的鼠标事件与相关使用技巧,需要的朋友可以参考下
2019-01-01