假如点击某个按钮A，弹出模态框B（这里假设id为myModal），在A上添加如下onclick事件：
onclick=setTimeout("myModal.style.display=‘none‘",3000)
即可实现：自“弹出模态框”起，3秒后，模态框自动关闭。
时间： 2024-10-05 22:35:58
Modal模态框3秒后自动关闭
Modal模态框3秒后自动关闭的相关文章
js弹框3秒后自动消失
开发中有时候会需要最出弹框后,过几秒自动消失的效果,下面给大家分享一下我自己做的一个小案例. 案例中的弹框使用的是bootstrap里面的模态框,实现自动消失则用的是js中的setInterval方法.该弹框使用了jquery-ui中的draggable方法,可拖动. 目录结构如下: 下面是案例代码: demo.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <ti
轻量级Modal模态框插件cta.js
今天给大家分享一款轻量级Modal模态框插件cta.js.这是一款无需使用jQuery插件,纯js编写的模态框弹出特效.效果图如下: 在线预览 源码下载 实现的代码. html代码: <section class="section--white" style="margin-top: 40px;"> <div class="tile-container"> <div class="tile"
Android几秒后自动关闭dialog
代码改变世界 Android几秒后自动关闭dialog AlertDialog.Builder builder = new AlertDialog.Builder(v.getContext()); builder.setTitle("发送成功!"); builder.setMessage("2秒后自动关闭!"); builder.setCancelable(true); final AlertDialog dlg = builder.create(); dlg.sh
bootstrap modal 模态框拖拽扩展
主管要求bootstrap modal 带有拖拽移动效果.代码如下: JS 1 // bootstrap 模态框窗口 移动扩展, 在bootstrap 初始化后 调用 2 var btModalMoveEx = function () { 3 function moveEx($this) { 4 var $head = $this.find(".modal-header"), $dialog = $this.find(".modal-dialog"); 5 var
bootstrap弹出层Modal 模态框
bootstrap中的模态框(modal),不同于Tooltips,模态框以弹出对话框的形式出现,具有最小和最实用的功能集. 务必将模态框的 HTML 代码放在文档的最高层级内(也就是说,尽量作为 body 标签的直接子元素),以避免其他组件影响模态框的展现或功能. 默认的modal示例: [html] view plain copy <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charse
angular $modal 模态框
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.2.0/css/bootstrap.min.css"> <script src="http://
bootstrap下modal模态框中webuploader控件按钮异常（无法点击）问题解决办法【转】
http://bbs.csdn.net/topics/391917552 具体如下: $(function () { var _$modal = $('#MyModal'); _$modal.css('display', 'block'); _$modal.addClass("webuploader-element-invisible"); var uploader = WebUploader.create(...);
bootstrap modal模态框的运用
http://www.ziqiangxuetang.com/bootstrap/bootstrap-modal-plugin.html 方法 下面是一些可与 modal() 一起使用的有用的方法. 方法 描述 实例 Options: .modal(options) 把内容作为模态框激活.接受一个可选的选项对象. 1 2 3 $('#identifier').modal({ keyboard: false }) Toggle: .modal('toggle') 手动切换模态框. 1 $('#ide
修改bootstrap modal模态框的宽度
原文链接:http://blog.csdn.net/wuhawang/article/details/52252912 修改模态框的宽度很简单,修改width属性就可以了 但是要注意的一点是,修改的不是modal这个div 而是modal-dialog这个div,代码如下 [html] view plain copy <div class="modal-dialog" style="width:1100px"> 最后结果如下图所示 哈哈,很简单吧~