编程 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表格内容过滤的实现方法

Jul 05 Javascript

js采用map取到id集合组并且实现点击一行选中一行

Dec 16 Javascript

js 数组去重的四种实用方法

Sep 09 Javascript

分享一个原生的JavaScript拖动方法

Sep 25 Javascript

HTML Table 空白单元格补全的简单实现

Oct 13 Javascript

微信小程序同步请求授权的详解

Aug 04 Javascript

Vue使用vue-cli创建项目

Sep 01 Javascript

javascript自定义事件功能与用法实例分析

Nov 08 Javascript

解决vue组件中使用v-for出现告警问题及v for指令介绍

Nov 11 Javascript

bootstrap-Treeview实现级联勾选

Nov 23 Javascript

react学习笔记之state以及setState的使用

Dec 07 Javascript

jQuery三组基本动画与自定义动画操作实例总结

May 09 jQuery

最精简的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实现的MySQL数据浏览器

2007/03/11 PHP

php的curl封装类用法实例

2014/11/07 PHP

JSON PHP中,Json字符串反序列化成对象/数组的方法

2018/05/31 PHP

PHP后期静态绑定实例浅析

2018/12/21 PHP

仿迅雷焦点广告效果(JQuery版)

2008/11/19 Javascript

JS实现程序暂停与继续功能代码解读

2013/10/10 Javascript

Javascript正则控制文本框只能输入整数或浮点数

2014/09/02 Javascript

jQuery+PHP实现动态数字展示特效

2015/03/14 Javascript

JavaScript简单下拉菜单实例代码

2015/09/07 Javascript

Vuex之理解state的用法实例

2017/04/19 Javascript

Vue学习笔记进阶篇之多元素及多组件过渡

2017/07/19 Javascript

JS时间控制实现动态效果的实例讲解

2017/07/31 Javascript

angular4 如何在全局设置路由跳转动画的方法

2017/08/30 Javascript

mpvue中使用flyjs全局拦截的实现代码

2018/09/13 Javascript

vue-cli 3.x 修改dist路径的方法

2018/09/19 Javascript

微信小程序去除左上角返回键的实现方法

2020/03/06 Javascript

koa中间件核心（koa-compose）源码解读分析

2020/06/15 Javascript

[48:54]VGJ.T vs infamous Supermajor小组赛D组败者组第一轮 BO3 第二场 6.3

2018/06/04 DOTA

python模拟登陆阿里妈妈生成商品推广链接

2014/04/03 Python

python通过scapy获取局域网所有主机mac地址示例

2014/05/04 Python

python实现逆波兰计算表达式实例详解

2015/05/06 Python

python3实现读取chrome浏览器cookie

2016/06/19 Python

python 中split 和 strip的实例详解

2017/07/12 Python

Python利用itchat对微信中好友数据实现简单分析的方法

2017/11/21 Python

对python中的乘法dot和对应分量相乘multiply详解

2018/11/14 Python

python利用selenium进行浏览器爬虫

2019/04/25 Python

python使用 request 发送表单数据操作示例

2019/09/25 Python

沃尔玛加拿大：Walmart.ca

2020/03/02 全球购物

95%的面试官都会问到的50道Java线程题，附答案

2012/08/03 面试题

一份婚庆公司创业计划书

2014/01/11 职场文书

高等教育学自荐书范文

2014/02/10 职场文书

中国好声音华少广告词

2014/03/17 职场文书

安全在我心中演讲稿

2014/09/01 职场文书

公司感谢信范文

2015/01/22 职场文书

信仰观后感

2015/06/03 职场文书

利用JavaScript写一个简单计算器

2021/11/27 Javascript