编程 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 相关文章推荐

GreyBox技术总结（转）

Nov 23 Javascript

关于js new Date() 出现NaN 的分析

Oct 23 Javascript

如何在指定的地方插入html内容和文本内容

Dec 23 Javascript

jQuery显示和隐藏常用的状态判断方法

Jan 29 Javascript

js密码强度实时检测代码

Mar 02 Javascript

深入理解JavaScript内置函数

Jun 03 Javascript

JS给按钮添加跳转功能类似a标签

May 30 Javascript

MUI顶部选项卡的用法(tab-top-webview-main)详解

Oct 08 Javascript

angularjs中判断ng-repeat是否迭代完的实例

Sep 12 Javascript

对Layer弹窗使用及返回数据接收的实例详解

Sep 26 Javascript

JavaScript中this的学习笔记及用法整理

Feb 17 Javascript

vue项目实现减少app.js和vender.js的体积操作

Nov 12 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面试题(对属性或方法的访问控制)

2012/09/13 PHP

Zend Framework框架路由机制代码分析

2016/03/22 PHP

PHP hebrev()函数用法讲解

2019/02/21 PHP

Docker 安装 PHP并与Nginx的部署实例讲解

2021/02/27 PHP

Nigma vs Alliance BO5 第五场2.14

2021/03/10 DOTA

js获取checkbox值的方法

2015/01/28 Javascript

JavaScript中的some()方法使用详解

2015/06/09 Javascript

JavaScript学习笔记之DOM基础 2.4

2015/08/14 Javascript

js实现的奥运倒计时时钟效果代码

2015/12/09 Javascript

JS实现用户注册时获取短信验证码和倒计时功能

2016/10/27 Javascript

ES6下React组件的写法示例代码

2017/05/04 Javascript

详解vue-cli快速构建vue应用并实现webpack打包

2017/12/13 Javascript

React中如何引入Angular组件详解

2018/08/09 Javascript

vue项目中使用Hbuilder打包app 设置沉浸式状态栏的方法

2018/10/22 Javascript

JQuery发送ajax请求时中文乱码问题解决

2019/11/14 jQuery

Vue数据双向绑定原理实例解析

2020/05/15 Javascript

js实现翻牌小游戏

2020/07/31 Javascript

JS+CSS实现过渡特效

2021/01/02 Javascript

[00:36]DOTA2上海特级锦标赛 LGD战队宣传片

2016/03/04 DOTA

python使用PyV8执行javascript代码示例分享

2013/12/04 Python

详解python中executemany和序列的使用方法

2017/08/12 Python

python发送多人邮件没有展示收件人问题的解决方法

2019/06/21 Python

Python importlib模块重载使用方法详解

2020/10/13 Python

Python暴力破解Mysql数据的示例

2020/11/09 Python

HTML5 表单验证失败的提示语问题

2017/07/13 HTML / CSS

浅析HTML5中的download属性使用

2019/03/13 HTML / CSS

丝芙兰墨西哥官网：Sephora墨西哥

2020/05/30 全球购物

青年文明号事迹材料

2014/01/18 职场文书

五四青年节优秀演讲稿范文

2014/05/28 职场文书

“四风”问题整改措施和努力方向

2014/09/20 职场文书

领导班子整改方案和个人整改措施

2014/10/25 职场文书

2014幼儿园中班工作总结

2014/11/10 职场文书

初中毕业生自我评价

2015/03/02 职场文书

2015年幼儿园卫生保健工作总结

2015/05/12 职场文书

转变工作作风心得体会

2016/01/23 职场文书

springboot+VUE实现登录注册

2021/05/27 Vue.js