编程 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对URL字符串进行编码/解码分析

Oct 25 Javascript

JavaScript中读取和保存文件实例

May 08 Javascript

javascript动态生成树形菜单的方法

Nov 14 Javascript

基于JS实现发送短信验证码后的倒计时功能(无视页面刷新，页面关闭不进行倒计时功能)

Sep 02 Javascript

js实现非常棒的弹出div

Oct 06 Javascript

详解 vue.js用法和特性

Oct 15 Javascript

vue登录路由验证的实现

Dec 13 Javascript

浅谈vue的props，data，computed变化对组件更新的影响

Jan 16 Javascript

详解各版本React路由的跳转的方法

May 10 Javascript

vue实现下拉加载其实没那么复杂

Aug 13 Javascript

three.js 制作动态二维码的示例代码

Jul 31 Javascript

ES11屡试不爽的新特性,你用上了几个

Oct 21 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