编程 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实现新消息闪烁标题提示的方法

Mar 11 Javascript

json传值以及ajax接收详解

May 24 Javascript

vue自定义指令实现v-tap插件

Nov 03 Javascript

bootstrap modal弹出框的垂直居中

Dec 14 Javascript

jQuery实现的分页功能示例

Jan 22 Javascript

Node.js操作redis实现添加查询功能

May 25 Javascript

ES6新增数据结构WeakSet的用法详解

Aug 07 Javascript

vue-router+nginx 非根路径配置方法

Jun 30 Javascript

微信小程序之多列表的显示和隐藏功能【附源码】

Aug 06 Javascript

在iFrame子页面里实现模态框的方法

Aug 17 Javascript

原生js+css实现tab切换功能

Sep 17 Javascript

解决VueCil代理本地proxytable无效报错404的问题

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

人尽可用的Windows技巧小贴士之下篇

2007/03/22 PHP

php xml-rpc远程调用

2008/12/19 PHP

php输入流php://input使用浅析

2014/09/02 PHP

浅析Yii2 GridView实现下拉搜索教程

2016/04/22 PHP

PHP实现动态创建XML文档的方法

2018/03/30 PHP

PHP实现无限极分类的两种方式示例【递归和引用方式】

2019/03/25 PHP

如何在Laravel之外使用illuminate组件详解

2020/09/20 PHP

JavaScript学习笔记（十七）js 优化

2010/02/04 Javascript

检测jQuery.js是否已加载的判断代码

2011/05/20 Javascript

一个简单的瀑布流效果(主体形式自写)

2013/05/27 Javascript

JavaScript中的call方法和apply方法使用对比

2015/08/12 Javascript

JavaScript算法系列之快速排序（Quicksort）算法实例详解

2016/09/04 Javascript

JQuery实现DIV其他动画效果的简单实例

2016/09/18 Javascript

基于JavaScript实现百度搜索框效果

2020/06/28 Javascript

浅谈实现vue2.0响应式的基本思路

2018/02/13 Javascript

用ES6的class模仿Vue写一个双向绑定的示例代码

2018/04/20 Javascript

微信小程序实现弹出菜单

2018/07/19 Javascript

[01:02:05]LGD vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.19

2018/08/21 DOTA

Python中if __name__ == "__main__"详细解释

2014/10/21 Python

python实现简单爬虫功能的示例

2016/10/24 Python

Python生成密码库功能示例

2017/05/23 Python

Python输出\u编码将其转换成中文的实例

2018/12/15 Python

python实现nao机器人手臂动作控制

2019/04/29 Python

python 实现两个线程交替执行

2020/05/02 Python

浅析Python中字符串的intern机制

2020/10/03 Python

html+css实现自定义图片上传按钮功能

2019/09/04 HTML / CSS

Sam’s Club山姆会员商店：沃尔玛旗下高端会员制商店

2017/01/16 全球购物

吉列剃须刀美国官网：Gillette美国

2018/07/13 全球购物

法国一家芭蕾舞鞋公司：Repetto

2018/11/12 全球购物

土木工程师职业规划范文

2014/03/07 职场文书

共产党员公开承诺书范文

2014/03/28 职场文书

HR求职自荐信范文

2014/06/21 职场文书

党校毕业个人总结

2015/02/28 职场文书

公司费用报销管理制度

2015/08/04 职场文书

有趣的二维码：使用MyQR和qrcode来制作二维码

2021/05/10 Python

安装Ruby和 Rails的详细步骤

2022/04/19 Ruby