首页前端开发JavaScriptJavaScript怎么实现定时关闭div

JavaScript怎么实现定时关闭div

时间2024-01-30 10:53:03发布访客分类JavaScript浏览395
导读:收集整理的这篇文章主要介绍了JavaScript怎么实现定时关闭div,觉得挺不错的,现在分享给大家,也给大家做个参考。JavaScript实现定时关闭div的方法:1、打开相应的前端代码文件;2、通过“onLoad=setTimeout(...
收集整理的这篇文章主要介绍了JavaScript怎么实现定时关闭div,觉得挺不错的,现在分享给大家,也给大家做个参考。

JavaScript实现定时关闭div的方法:1、打开相应的前端代码文件;2、通过“onLoad=setTimeout("abc.style.display='none'",5000)”方式实现定时自动关闭DIV层提示框即可。

本文操作环境:windows7系统、javascript1.8.5版、DELL G3电脑

JavaScript怎么定时关闭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基础教程》

以上就是JavaScript怎么实现定时关闭div的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: javascript如何处理焦点下一篇:javascript parseint方法怎么用猜你在找的JavaScript相关文章 html font标签如何设置字体大小?html font标签属性用法介绍2022-05-16vue3+TypeScript+vue-router的使用方法2022-04-16vue3获取当前路由地址2022-04-16如何利用React实现图片识别App2022-04-16JavaScript展开运算符和剩余运算符的区别详解2022-04-16微信小程序中使用vant框架的具体步骤2022-04-16Vue elementUI表单嵌套表格并对每行进行校验详解2022-04-16如何利用Typescript封装本地存储2022-04-16微信小程序中wxs文件的一些妙用分享2022-04-16JavaScript的Set数据结构详解2022-04-16 其他相关热搜词更多phpjavapython程序员loadpost-format-gallery

若转载请注明出处: JavaScript怎么实现定时关闭div
本文地址: https://pptw.com/jishu/592425.html
操作 ASP.NET Web API 的实例教程 分享一个“网红脸“”框架实例教程

游客 回复需填写必要信息