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程序设计有所帮助。

Javascript 相关文章推荐
js判断输入是否为数字的具体实例
Aug 03 Javascript
js检测输入内容全为空格的方法
May 03 Javascript
jQuery实现Flash效果上下翻动的中英文导航菜单代码
Sep 22 Javascript
BootStrap 可编辑表Table格
Nov 24 Javascript
jquery实现左右滑动式轮播图
Mar 02 Javascript
bootstrap轮播图示例代码分享
May 17 Javascript
JS实现简单短信验证码界面
Aug 07 Javascript
详解node.js 下载图片的 2 种方式
Mar 02 Javascript
JS实现的哈夫曼编码示例【原始版与修改版】
Apr 22 Javascript
微信小程序服务器日期格式化问题
Jan 07 Javascript
javascript读取本地文件和目录方法详解
Aug 06 Javascript
angular *Ngif else用法详解
Dec 15 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输出xml格式字符串(用的这个)
2012/07/12 PHP
PHP实现过滤掉非汉字字符只保留中文字符
2015/06/04 PHP
laravel Model 执行事务的实现
2019/10/10 PHP
JavaScript DOM学习第一章 W3C DOM简介
2010/02/19 Javascript
Javascript 中的 call 和 apply使用介绍
2012/02/22 Javascript
jquery实现select选中行、列合计示例
2014/04/25 Javascript
再分享70+免费的jquery 图片滑块效果插件和教程
2014/12/15 Javascript
jQuery中append()方法用法实例
2015/01/08 Javascript
javascript面向对象程序设计(一)
2015/01/29 Javascript
asp.net+js实现金额格式化
2015/02/27 Javascript
JavaScript统计字符串中每个字符出现次数完整实例
2016/01/28 Javascript
深入理解node exports和module.exports区别
2016/06/01 Javascript
Vue2.0权限树组件实现代码
2017/08/29 Javascript
关于Vue背景图打包之后访问路径错误问题的解决
2017/11/03 Javascript
vue2.0+koa2+mongodb实现注册登录
2018/04/10 Javascript
微信小程序实现笑脸评分功能
2018/11/03 Javascript
JS实现数组去重及数组内对象去重功能示例
2019/02/02 Javascript
[01:24:09]Ti4 冒泡赛第二轮DK vs C9 1
2014/07/14 DOTA
Mac OS X10.9安装的Python2.7升级Python3.3步骤详解
2013/12/04 Python
Python中字符串格式化str.format的详细介绍
2017/02/17 Python
python保存二维数组到txt文件中的方法
2018/11/15 Python
python ctypes库2_指定参数类型和返回类型详解
2019/11/19 Python
Python利用FFT进行简单滤波的实现
2020/02/26 Python
tensorflow实现残差网络方式(mnist数据集)
2020/05/26 Python
手把手教你从PyCharm安装到激活(最新激活码),亲测有效可激活至2089年
2020/11/25 Python
Python模拟键盘输入自动登录TGP
2020/11/27 Python
HTML5触摸事件实现移动端简易进度条的实现方法
2018/05/04 HTML / CSS
仓库主管的岗位职责
2013/12/04 职场文书
20年同学聚会感言
2014/02/03 职场文书
烹调加工管理制度
2014/02/04 职场文书
2015年小学生新年寄语
2014/12/08 职场文书
2015年植树节活动总结
2015/02/06 职场文书
民事调解协议书
2016/03/21 职场文书
mysql5.7的安装及Navicate长久免费使用的实现过程
2021/11/17 MySQL
css filter和getUserMedia的联合使用
2022/02/24 HTML / CSS
python中 .npy文件的读写操作实例
2022/04/14 Python