编程 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工具 Cookie 封装

Aug 21 Javascript

jQuery 选择器理解

Mar 16 Javascript

extjs实现选择多表自定义查询功能前台部分(ext源码)

Dec 20 Javascript

用js小类库获取浏览器的高度和宽度信息

Jan 15 Javascript

THREE.JS入门教程(4)创建粒子系统

Jan 24 Javascript

Javascript查询DBpedia小应用实例学习

Mar 07 Javascript

Jquery倒数计时按钮setTimeout的实例代码

Jul 04 Javascript

jQuery表格插件ParamQuery简单使用方法示例

Dec 05 Javascript

JS 60秒后重新发送验证码的实例讲解

Jul 26 Javascript

JS匿名函数和匿名自执行函数概念与用法分析

Mar 16 Javascript

Electron 如何调用本地模块的方法

Feb 01 Javascript

Vue中axios的封装（报错、鉴权、跳转、拦截、提示）

Aug 20 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分页代码实例

2013/10/24 PHP

php中sql注入漏洞示例 sql注入漏洞修复

2014/01/24 PHP

PHP生成二维码的两个方法和实例

2014/07/01 PHP

PHP命名空间(namespace)的动态访问及使用技巧

2014/08/18 PHP

PHP缓冲区用法总结

2016/02/14 PHP

PHP抓取淘宝商品的用户晒单评论+图片+搜索商品列表实例

2016/04/14 PHP

浅谈PHP值mysql操作类

2016/06/29 PHP

yii2实现Ueditor百度编辑器的示例代码

2018/11/02 PHP

php的无刷新操作实现方法分析

2020/02/28 PHP

JavaScript高级程序设计（第3版）学习笔记概述

2012/10/11 Javascript

js 数组操作之pop,push,unshift,splice,shift

2014/01/29 Javascript

ExtJS 刷新后如何默认选中刷新前最后一次选中的节点

2014/04/03 Javascript

BootStrap按钮标签及基本样式

2016/11/23 Javascript

Bootstarp基本模版学习教程

2017/02/01 Javascript

Angular.js初始化之ng-app的自动绑定与手动绑定详解

2017/07/31 Javascript

javascript变量提升和闭包理解

2018/03/12 Javascript

详解Vue的watch中的immediate与watch是什么意思

2019/12/30 Javascript

在vue中实现给每个页面顶部设置title

2020/07/29 Javascript

vscode+gulp轻松开发小程序的完整步骤

2020/10/18 Javascript

python 常见字符串与函数的用法详解

2018/11/23 Python

Django2.1集成xadmin管理后台所遇到的错误集锦(填坑)

2018/12/20 Python

python matplotlib画图库学习绘制常用的图

2019/03/19 Python

基于Python共轭梯度法与最速下降法之间的对比

2020/04/02 Python

Python BeautifulReport可视化报告代码实例

2020/04/13 Python

Pandas的数据过滤实现

2021/01/15 Python

英国领先的在线高尔夫商店：Gamola Golf

2019/11/16 全球购物

线程的基本概念、线程的基本状态以及状态之间的关系

2012/10/26 面试题

会计系毕业个人自荐信格式

2013/09/23 职场文书

销售冠军获奖感言

2014/02/03 职场文书

2014年秋季开学典礼主持词

2014/08/02 职场文书

客户答谢会致辞

2015/01/20 职场文书

学前班语言教学计划

2015/01/20 职场文书

党员年终个人总结

2015/02/14 职场文书

行政复议决定书

2015/06/24 职场文书

互联网创业商业模式以及赚钱法则有哪些？

2019/10/12 职场文书

《刺客之王：C罗全景传记》：时代从来不会亏待手艺人

2019/11/28 职场文书