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

一个简单的js树形菜单

Dec 09 Javascript

Jquery中国地图热点效果-鼠标经过弹出提示层信息的简单实例

Feb 12 Javascript

jQuery页面加载初始化常用的三种方法

Jun 04 Javascript

JQuery动态添加和删除表格行的方法

Mar 09 Javascript

jQuery实现form表单基于ajax无刷新提交方法详解

Dec 08 Javascript

jQuery通过ajax请求php遍历json数组到table中的代码(推荐)

Jun 12 Javascript

javascript实现根据函数名称字符串动态执行函数的方法示例

Dec 28 Javascript

vue2.0父子组件及非父子组件之间的通信方法

Jan 21 Javascript

JS库之Highlight.js的用法详解

Sep 13 Javascript

React-Native左右联动List的示例代码

Sep 21 Javascript

vue下拉列表功能实例代码

Apr 08 Javascript

解决vue中监听input只能输入数字及英文或者其他情况的问题

Aug 30 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(2)――PHP类型

2010/02/15 PHP

通达OA公共代码 php常用检测函数

2011/12/14 PHP

PHP在网页中动态生成PDF文件详细教程

2014/07/05 PHP

php自定义中文字符串截取函数substr_for_gb2312及substr_for_utf8示例

2016/05/28 PHP

PHP插件PHPMailer发送邮件功能

2017/02/28 PHP

php 多进程编程父进程的阻塞与非阻塞实例分析

2020/02/22 PHP

JS Timing

2007/04/21 Javascript

JavaScript的eval JSON object问题

2009/11/15 Javascript

COM中获取JavaScript数组大小的代码

2009/11/22 Javascript

jquery实现简单的拖拽效果实例兼容所有主流浏览器(优化篇)

2013/06/28 Javascript

javascript自动改变文字大小和颜色的效果的小例子

2013/08/02 Javascript

JS小功能(操作Table--动态添加删除表格及数据)实现代码

2013/11/28 Javascript

jquery选择器需要注意的问题

2014/11/26 Javascript

node.js中的fs.lchown方法使用说明

2014/12/16 Javascript

node.js中的fs.appendFile方法使用说明

2014/12/17 Javascript

jQuery过滤选择器详解

2015/01/13 Javascript

《JavaScript高级编程》学习笔记之object和array引用类型

2015/11/01 Javascript

限制复选框最多选择项的实现代码

2016/05/30 Javascript

jquery easyUI中ajax异步校验用户名

2016/08/19 Javascript

js注入黑客之路必备！

2016/09/14 Javascript

JavaScript cookie详解及简单实例应用

2016/12/31 Javascript

JS表单验证方法实例小结【电话、身份证号、Email、中文、特殊字符、身份证号等】

2017/02/14 Javascript

JS运动改变单物体透明度的方法分析

2018/01/23 Javascript

Angular6 发送手机验证码按钮倒计时效果实现方法

2019/01/08 Javascript

基于jsbarcode 生成条形码并将生成的条码保存至本地+源码

2020/04/27 Javascript

OpenLayers加载缩放控件使用方法详解

2020/09/25 Javascript

讲解Python中运算符使用时的优先级

2015/05/14 Python

python嵌套函数使用外部函数变量的方法(Python2和Python3)

2016/01/31 Python

详解pandas的外部数据导入与常用方法

2019/05/01 Python

python3.7 利用函数os pandas利用excel对文件名进行归类

2019/09/29 Python

如何打包Python Web项目实现免安装一键启动的方法

2020/05/21 Python

英国最大的化装舞会服装网站：Fancydress.com

2017/08/15 全球购物

环卫工人先进事迹材料

2014/06/02 职场文书

2016教师读书思廉心得体会

2016/01/23 职场文书

python 对图片进行简单的处理

2021/06/23 Python

详细了解java监听器和过滤器

2021/07/09 Java/Android