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中运用闭包和自执行函数解决大量的全局变量问题
Dec 30 Javascript
javascript学习笔记(四) Number 数字类型
Jun 19 Javascript
javascript判断机器是否联网的2种方法
Aug 09 Javascript
再JavaScript的jQuery库中编写动画效果的指南
Aug 13 Javascript
javascript实现拖放效果
Dec 16 Javascript
JavaScript实现二分查找实例代码
Feb 22 Javascript
Vue 2.X的状态管理vuex记录详解
Mar 23 Javascript
详解vue组件化开发-vuex状态管理库
Apr 10 Javascript
详解Vue中状态管理Vuex
May 11 Javascript
bootstrap3使用bootstrap datetimepicker日期插件
May 24 Javascript
详解如何提升JSON.stringify()的性能
Jun 12 Javascript
js实现列表向上无限滚动
Jan 13 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 远程关机操作的代码
2008/12/05 PHP
PHP扩展Memcache分布式部署方案
2015/12/06 PHP
PHP的Yii框架中使用数据库的配置和SQL操作实例教程
2016/03/17 PHP
PHP foreach遍历多维数组实现方式
2016/11/16 PHP
PHP getName()函数讲解
2019/02/03 PHP
解决AJAX中跨域访问出现'没有权限'的错误
2008/08/20 Javascript
JavaScript入门教程(11) js事件处理
2009/01/31 Javascript
如何确保JavaScript的执行顺序 之实战篇
2011/03/03 Javascript
capacityFixed 基于jquery的类似于新浪微博新消息提示的定位框
2011/05/24 Javascript
jquery设置text的值示例(设置文本框 DIV 表单值)
2014/01/06 Javascript
jquery选择器使用详解
2014/04/08 Javascript
jquery删除数据记录时的弹出提示效果
2014/05/06 Javascript
Javascript的表单验证-揭开正则表达式的面纱
2016/03/18 Javascript
几种二级联动案例(jQuery\Array\Ajax php)
2016/08/13 Javascript
AngularJS  自定义指令详解及实例代码
2016/09/14 Javascript
详解Angular的数据显示优化处理
2016/12/26 Javascript
layui表格实现代码
2017/05/20 Javascript
js 获取元素的具体样式信息getcss(实例讲解)
2017/07/05 Javascript
微信小程序图片选择区域裁剪实现方法
2017/12/02 Javascript
vue-router配合ElementUI实现导航的实例
2018/02/11 Javascript
基于vue.js中事件修饰符.self的用法(详解)
2018/02/23 Javascript
使用NestJS开发Node.js应用的方法
2018/12/03 Javascript
python中的函数用法入门教程
2014/09/02 Python
在Python程序中操作MySQL的基本方法
2015/07/29 Python
python 函数传参之传值还是传引用的分析
2017/09/07 Python
Python操作MySQL模拟银行转账
2018/03/12 Python
Python中defaultdict与lambda表达式用法实例小结
2018/04/09 Python
Python实现聊天机器人的示例代码
2018/07/09 Python
浅析Python四种数据类型
2018/09/26 Python
Python模块/包/库安装的六种方法及区别
2020/02/24 Python
python pandas.DataFrame.loc函数使用详解
2020/03/26 Python
html5写一个BUI折叠菜单插件的实现方法
2019/09/11 HTML / CSS
酒店执行总经理岗位职责
2013/12/15 职场文书
统计系教授推荐信
2014/02/28 职场文书
小学优秀班主任事迹材料
2014/05/17 职场文书
2015年暑期社会实践报告
2015/07/13 职场文书