编程 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中判断一个元素下面是否有内容或者有某个标签的判断代码

Feb 02 Javascript

JS+CSS实现仿msn风格选项卡效果代码

Oct 22 Javascript

基于jQuery的Web上传插件Uploadify使用示例

May 19 Javascript

深入理解setTimeout函数和setInterval函数

May 20 Javascript

JS实现输入框提示文字点击时消失效果

Jul 19 Javascript

Vue.js基础学习之class与样式绑定

Mar 20 Javascript

js canvas实现适用于移动端的百分比仪表盘dashboard

Jul 18 Javascript

JavaScript实现修改伪类样式

Nov 27 Javascript

详解angularjs 学习之 scope作用域

Jan 15 Javascript

Vue引用第三方datepicker插件无法监听datepicker输入框的值的解决

Jan 27 Javascript

javaScript实现游戏倒计时功能

Nov 17 Javascript

VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决

Sep 27 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

Windows下的PHP5.0安装配制详解

2006/09/05 PHP

在 PHP 中使用随机数的三个步骤

2006/10/09 PHP

php中用数组的方法设置cookies

2011/04/21 PHP

PHP字符编码问题之GB2312 VS UTF-8解决方法

2011/06/23 PHP

PHP编程实现多维数组按照某个键值排序的方法小结【2种方法】

2017/04/27 PHP

DHTML 中的绝对定位

2006/11/26 Javascript

jQuery调用WebService的实现代码

2011/06/19 Javascript

Javascript让DEDECMS告别手写Tag

2014/09/01 Javascript

浅析使用BootStrap TreeView插件实现灵活配置快递模板

2016/11/28 Javascript

jquery 正整数数字校验正则表达式

2017/01/10 Javascript

微信小程序 switch组件详解及简单实例

2017/01/10 Javascript

分享十三个最佳JavaScript数据网格库

2017/04/07 Javascript

JS实现异步上传压缩图片

2017/04/22 Javascript

Vue内容分发slot(全面解析)

2017/08/19 Javascript

angularjs 动态从后台获取下拉框的值方法

2018/08/13 Javascript

jQuery实现为table表格动态添加或删除tr功能示例

2019/02/19 jQuery

手写Vue弹窗Modal的实现代码

2019/09/11 Javascript

微信小程序全选多选效果实现代码解析

2020/01/21 Javascript

Python使用matplotlib绘制正弦和余弦曲线的方法示例

2018/01/06 Python

python中使用PIL制作并验证图片验证码

2018/03/15 Python

Python生成rsa密钥对操作示例

2019/04/26 Python

CSS3+HTML5+JS 实现一个块的收缩与展开动画效果

2020/11/17 HTML / CSS

欧舒丹英国官网：购买欧舒丹护手霜等明星产品

2017/01/17 全球购物

印度在线杂货店：bigbasket

2018/08/23 全球购物

专升本个人自我评价

2013/12/22 职场文书

如何写你的创业计划书

2014/01/07 职场文书

教师业务学习制度

2014/01/25 职场文书

十八大感想感言

2014/02/10 职场文书

迟到检讨书300字

2014/02/14 职场文书

连带责任保证书

2014/04/29 职场文书

承租经营合作者协议书

2014/10/01 职场文书

餐厅感恩节活动策划方案

2014/10/11 职场文书

学生不参加考试检讨书

2015/02/19 职场文书

质检员工作总结2015

2015/04/25 职场文书

企业宣传稿范文

2015/07/23 职场文书

2015年度个人工作总结报告

2015/10/24 职场文书