JS实现定时自动关闭DIV层提示框的方法

 更新时间:2015年05月11日 17:16:03   投稿:shichen2014  
这篇文章主要介绍了JS实现定时自动关闭DIV层提示框的方法,可实现加载时载入js代码控制div层提示框自动关闭的效果,非常简单实用,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

相关文章

  • ES6学习教程之块级作用域详解

    ES6学习教程之块级作用域详解

    很多语言中都有块级作用域,但JS没有,它使用var声明变量,以function来划分作用域,大括号“{}” 却限定不了var的作用域,下面这篇文章主要给大家介绍了关于ES6学习教程之块级作用域的相关资料,需要的朋友可以参考下。
    2017-10-10
  • js 字数统计,区分英汉

    js 字数统计,区分英汉

    hta实现的字数统计效果代码,中文算两个,英文算一个
    2008-02-02
  • JavaScript split()方法定义及更多实例

    JavaScript split()方法定义及更多实例

    这篇文章主要给大家介绍了关于JavaScript split()方法定义及更多实例的相关资料,js里的split()方法大家都知道用于将字符串转化为字符串数组,文中通过代码实例介绍的非常详细,需要的朋友可以参考下
    2024-03-03
  • Javascript无阻塞加载具体方式

    Javascript无阻塞加载具体方式

    这篇文章介绍了JS无阻塞加载,有需要的朋友可以参考一下
    2013-06-06
  • TypeScript入门之利用装饰器扩展代码能力

    TypeScript入门之利用装饰器扩展代码能力

    在 TypeScript 中,装饰器是一种特殊的声明,可以让你的代码更有趣、更灵活,下面小编就来带大家学习一下TypeScript中装饰器的具体使用吧
    2023-06-06
  • Window.Open打开窗体和if嵌套代码

    Window.Open打开窗体和if嵌套代码

    这篇文章主要介绍了Window.Open打开窗体和if嵌套代码的相关资料,需要的朋友可以参考下
    2016-04-04
  • 原生JS封装Ajax插件(同域、jsonp跨域)

    原生JS封装Ajax插件(同域、jsonp跨域)

    这篇文章主要为大家详细介绍了原生JS封装Ajax插件,为大家介绍不同域之间互相请求资源的跨域,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-05-05
  • 一文详解JavaScript中的Mixin

    一文详解JavaScript中的Mixin

    类的出现最终使JavaScript非常容易使用继承法,JavaScript类比大多数人意识到的更强大,它是构建真正的mixins的良好基础,本文介绍JavaScript中的Mixin介绍的非常详细,需要的小伙伴可以参考阅读一下
    2023-04-04
  • JS实现html页面点击下载文件的两种方式

    JS实现html页面点击下载文件的两种方式

    这篇文章主要介绍了JS实现html页面点击下载文件的两种方式,本文结合实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-07-07
  • 微信小程序动态增加按钮组件

    微信小程序动态增加按钮组件

    这篇文章主要为大家详细介绍了微信小程序动态增加按钮组件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-09-09

最新评论