编程 Javascript

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

Posted in Javascript onMay 11, 2015

本文实例讲述了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程序设计有所帮助。

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

- Author -

shichen2014

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery多级手风琴菜单实例讲解

Oct 22 Javascript

jQuery中attr()与prop()函数用法实例详解(附用法区别)

Dec 29 Javascript

理解Angular数据双向绑定

Jan 10 Javascript

JavaScript中文件上传API详解

Apr 01 Javascript

有趣的bootstrap走动进度条

Dec 01 Javascript

jQuery DOM节点的遍历方法小结

Aug 15 jQuery

Vue使用.sync 实现父子组件的双向绑定数据问题

Apr 04 Javascript

bootstrap table.js动态填充单元格数据的多种方法

Jul 18 Javascript

使用vue实现多规格选择实例（SKU）

Aug 23 Javascript

JavaScript Array对象基本方法详解

Sep 03 Javascript

Angular 多模块项目构建过程

Feb 13 Javascript

Vue vm.$attrs使用场景详解

Mar 08 Javascript

最精简的JavaScript实现鼠标拖动效果的方法

May 11 #Javascript

JavaScript实现表格点击排序的方法

May 11 #Javascript

JavaScript点击按钮后弹出透明浮动层的方法

May 11 #Javascript

js实现鼠标移到链接文字弹出一个提示层的方法

May 11 #Javascript

js光标定位文本框回车表单提交问题的解决方法

May 11 #Javascript

jQuery子窗体取得父窗体元素的方法

May 11 #Javascript

js控制div弹出层实现方法

May 11 #Javascript

You might like

php中的三元运算符使用说明

2011/07/03 PHP

php 删除一个数组中的某个值.兼容多维数组!

2012/02/18 PHP

解析php安全性问题中的:Null 字符问题

2013/06/21 PHP

php实现可运算的验证码

2015/11/10 PHP

浅谈PHP错误类型及屏蔽方法

2017/05/27 PHP

Thinkphp 框架扩展之应用模式实现方法分析

2020/04/27 PHP

jquery关于页面焦点的定位(文本框获取焦点时改变样式 )

2010/09/10 Javascript

js 阻止子元素响应父元素的onmouseout事件具体实现

2013/12/23 Javascript

jQuery对象的selector属性用法实例

2014/12/27 Javascript

JavaScript动态添加style节点的方法

2015/06/09 Javascript

jQuery弹层插件jquery.fancybox.js用法实例

2016/01/22 Javascript

Javascript将数字转化成为货币格式字符串

2016/06/22 Javascript

如何让你的JS代码更好看易读

2017/12/01 Javascript

bootstrap模态框弹出和隐藏,动态改变中间内容的实例

2018/08/10 Javascript

解决layui中的form表单与button的点击事件冲突问题

2018/08/15 Javascript

vue template中slot-scope/scope的使用方法

2018/09/06 Javascript

vue+iview 实现可编辑表格的示例代码

2018/10/31 Javascript

vue 实现websocket发送消息并实时接收消息

2019/12/09 Javascript

小程序自定义导航栏兼容适配所有机型（附完整案例）

2020/04/26 Javascript

vue3中轻松实现switch功能组件的全过程

2021/01/07 Vue.js

[06:53]2018DOTA2国际邀请赛寻真——为复仇而来的Newbee

2018/08/15 DOTA

Python获取当前时间的方法

2014/01/14 Python

python通过openpyxl生成Excel文件的方法

2015/05/12 Python

pandas DataFrame索引行列的实现

2019/06/04 Python

Python调用.net动态库实现过程解析

2020/06/05 Python

容易被忽略的Python内置类型

2020/09/03 Python

CSS3实现粒子旋转伸缩加载动画

2016/04/22 HTML / CSS

欧缇丽美国官网：Caudalie美国

2016/12/31 全球购物

澳大利亚领先的在线美容商城：Adore Beauty

2017/04/14 全球购物

Columbia Sportswear法国官网：全球户外品牌

2020/09/25 全球购物

新浪网技术部笔试题

2016/08/26 面试题

高中生职业生涯规划书

2014/02/24 职场文书

银行柜员与客户起冲突检讨书

2014/09/27 职场文书

倡议书的格式写法

2015/04/28 职场文书

辩护词范文大全

2015/05/21 职场文书

详解Golang如何优雅的终止一个服务

2022/03/21 Golang