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 相关文章推荐
Javascript 中文字符串处理额外注意事项
Nov 15 Javascript
Extjs在exlipse中设置自动提示的方法
Apr 07 Javascript
FusionCharts图表显示双Y轴双(多)曲线
Nov 22 Javascript
JavaScript判断IE版本型号
Jul 27 Javascript
纯css实现窗户玻璃雨滴逼真效果
Aug 23 Javascript
javascript设计模式之Adapter模式【适配器模式】实现方法示例
Jan 13 Javascript
Angular实现的敏感文字自动过滤与提示功能示例
Dec 29 Javascript
Vue项目查看当前使用的elementUI版本的方法
Sep 27 Javascript
vscode 开发Vue项目的方法步骤
Nov 25 Javascript
微信小程序传值以及获取值方法的详解
Apr 29 Javascript
基于html+css+js实现简易计算器代码实例
Feb 28 Javascript
2020淘宝618理想生活列车自动领喵币js脚本的代码
Jun 02 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实现更改hosts文件的方法示例
2017/08/08 PHP
各种效果的jquery ui(接口)介绍
2008/09/17 Javascript
利用JQuery为搜索栏增加tag提示
2009/06/22 Javascript
JS按位非(~)运算符与~~运算符的理解分析
2011/07/31 Javascript
怎么清空javascript数组
2013/05/11 Javascript
jQuery插件animateSlide制作多点滑动幻灯片
2015/06/11 Javascript
JavaScript实现LI列表数据绑定的方法
2015/08/04 Javascript
跟我学习javascript的浮点数精度
2015/11/16 Javascript
浅谈JavaScript 函数参数传递到底是值传递还是引用传递
2016/08/23 Javascript
浅谈MVC+EF easyui dataGrid 动态加载分页表格
2016/11/10 Javascript
Nodejs 发送Post请求功能(发短信验证码例子)
2017/02/09 NodeJs
AngularJS Toaster使用详解
2017/02/24 Javascript
原生js实现简单的Ripple按钮实例代码
2017/03/24 Javascript
JavaScript Canvas绘制圆形时钟效果
2020/08/20 Javascript
ztree简介_动力节点Java学院整理
2017/07/19 Javascript
完美解决iview 的select下拉框选项错位的问题
2018/03/02 Javascript
vue 巧用过渡效果(小结)
2018/09/22 Javascript
JSON是什么?有哪些优点?JSON和XML的区别?
2019/04/29 Javascript
[53:15]2018DOTA2亚洲邀请赛3月29日 小组赛A组 KG VS OG
2018/03/30 DOTA
python 将字符串转换成字典dict
2013/03/24 Python
python中执行shell命令的几个方法小结
2014/09/18 Python
python通过yield实现数组全排列的方法
2015/03/18 Python
Python BS4库的安装与使用详解
2018/08/08 Python
python使用pdfminer解析pdf文件的方法示例
2018/12/20 Python
Python 虚拟空间的使用代码详解
2019/06/10 Python
python selenium爬取斗鱼所有直播房间信息过程详解
2019/08/09 Python
将labelme格式数据转化为标准的coco数据集格式方式
2020/02/17 Python
python matplotlib.pyplot.plot()参数用法
2020/04/14 Python
Python Tornado实现WEB服务器Socket服务器共存并实现交互的方法
2020/05/26 Python
python生成xml时规定dtd实例方法
2020/09/21 Python
Hunter Boots美国官方网站:赫特威灵顿雨靴
2018/06/16 全球购物
建龙钢铁面试总结
2014/04/15 面试题
网络妈妈观后感
2015/06/08 职场文书
辞职报告(范文三篇)
2019/08/27 职场文书
简述python四种分词工具,盘点哪个更好用?
2021/04/13 Python
html网页引入svg图片的4种方式
2022/08/05 HTML / CSS