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

javascript 保存文件到本地实现方法

Nov 29 Javascript

随窗体滑动的小插件sticky源码

Jun 21 Javascript

Javascript中this的用法详解

Sep 22 Javascript

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

Dec 16 Javascript

jQuery中的jQuery()方法用法分析

Dec 27 Javascript

js实现Select头像选择实时预览代码

Aug 17 Javascript

jquery实现美观的导航菜单鼠标提示特效代码

Sep 06 Javascript

AngularJS学习笔记之依赖注入详解

May 16 Javascript

JavaScript中判断数据类型的方法总结

May 24 Javascript

微信小程序如何修改radio和checkbox的默认样式和图标

Jul 24 Javascript

浅谈layer的Icon样式以及一些常用的layer窗口使用方法

Sep 11 Javascript

JavaScript函数柯里化

Nov 07 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以post形式发送xml的方法

2014/11/04 PHP

JavaScript基本对象

2007/01/11 Javascript

jQuery实现的类flash菜单效果代码

2010/05/17 Javascript

jquery如何判断某元素是否具备指定的样式

2013/11/05 Javascript

Chrome下ifame父窗口调用子窗口的问题示例探讨

2014/03/17 Javascript

jQuery中clone()方法用法实例

2015/01/16 Javascript

javascript实现的闭包简单实例

2015/07/17 Javascript

JS获取及验证开始结束日期的方法

2016/08/20 Javascript

AngularJS控制器controller给模型数据赋初始值的方法

2017/01/04 Javascript

微信小程序中使用javascript 回调函数

2017/05/11 Javascript

create-react-app修改为多页面支持的方法

2018/05/17 Javascript

echarts同一页面中四个图表切换的js数据交互方法示例

2018/07/03 Javascript

JavaScript事件对象深入详解

2018/12/30 Javascript

vue 中固定导航栏的实例代码

2019/11/01 Javascript

JS localStorage存储对象，sessionStorage存储数组对象操作示例

2020/02/15 Javascript

[02:23]完美世界全国高校联赛街访DOTA2第一期

2019/11/28 DOTA

[03:11]不朽宝藏三外观展示

2020/09/18 DOTA

浅析Python多线程下的变量问题

2015/04/28 Python

一些Python中的二维数组的操作方法

2015/05/02 Python

使用Python脚本来获取Cisco设备信息的示例

2015/05/04 Python

解决Python的str强转int时遇到的问题

2018/04/09 Python

python队列queue模块详解

2018/04/27 Python

Python3之简单搭建自带服务器的实例讲解

2018/06/04 Python

使用pytorch实现可视化中间层的结果

2019/12/30 Python

使用PyCharm官方中文语言包汉化PyCharm

2020/11/18 Python

如何用 Python 制作一个迷宫游戏

2021/02/25 Python

HTML5教程之html 5 本地数据库（Web Sql Database）

2014/04/03 HTML / CSS

美国LOGO设计公司：The Logo Company

2018/07/16 全球购物

哈曼俄罗斯官方网上商店：Harman.club

2020/07/24 全球购物

为什么要做架构设计

2015/07/08 面试题

学生干部学习的自我评价

2014/02/18 职场文书

文艺演出策划方案

2014/06/07 职场文书

活动新闻稿范文

2015/07/17 职场文书

2015元旦感言

2015/12/09 职场文书

2019交通安全宣传标语集锦！

2019/06/28 职场文书

详解Node.js如何处理ES6模块

2021/05/15 Javascript