使用了easyui的对话框控件

  1. <html>
  2.   <head>
  3.     <title>5秒后关闭对话框</title>
  4.     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  5.     <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
  6. 	<link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css">
  7. 	<link rel="stylesheet" type="text/css" href="easyui/themes/icon.css">
  8. 	<link rel="stylesheet" type="text/css" href="easyui/demo.css">
  9. 	<script type="text/javascript" src="easyui/jquery.min.js"></script>
  10. 	<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
  11.     <script type="text/javascript" src="javascripts/chat.js"></script>
  1.     <script type="text/javascript">
  2. 		$(document).ready(function() {
  3. 		 $('#dlg').dialog('close');
  4. 		  var mTime = 5;
  5. 		  var time;
  7. 		  $("#openDlg").click(function(){
  8. 			mTime=5;
  9. 		  document.getElementById("license").innerText=license;
  10. 		  document.getElementById("kind").innerText=kind;
  11. 		  document.getElementById("operator").innerText=operator;
  12. 		  document.getElementById("mTime").innerText=mTime;
  13. 		  $('#dlg').dialog('open');
  14. 		  var interval=setInterval(function(){
  15. 			 var dialog = $("#dlg").parent().is(":hidden");
  16. 			 if (!dialog){
  17. 				 if (mTime>1){
  18. 					mTime=mTime-1;
  19. 					 document.getElementById("mTime").innerText=mTime;
  20. 				 }
  21. 				 else{
  22. 					 $('#dlg').dialog('close');
  23. 					 clearInterval(interval);
  25. 				 }
  26. 			 }
  27. 			},1000);
  29. 		 }
  30. 	});
  31.     </script>
  32.   </head>
  33.   <body>
  34.     <a href="javascript:void(0)" class="easyui-linkbutton" id ="openDlg">打开对话框</a>
  35.     <div id="dlg" class="easyui-dialog" style="width:400px;height:200px;padding:10px" data-options="buttons: [{text:'确认',iconCls:'icon-ok',handler:function(){alert('ok');}},{text:'取消',handler:function(){alert('cancel');;}}]">
  36.     <label id="mTime"></label>秒后自动确认。
  37.     </div>
  38.   </body>
  39. </html>

js对话框5秒自动消失的更多相关文章

  1. js页面3秒自动跳转

    如何让当前页面3秒以后自动跳转到其他页面?JS页面自动跳转 想实现登陆后3秒自动跳转到某页的功能,在网上搜了一下,供以后使用 1.<script   language= "javasc ...

  2. iOS 渐变提示。错误弹出提示 几秒自动消失

    //事例 CGRect alertFarm = CGRectMake(,,,); [self noticeAlert:_bgView withNoticeStr:@"登录成功" w ...

  3. js弹框3秒后自动消失

    开发中有时候会需要最出弹框后,过几秒自动消失的效果,下面给大家分享一下我自己做的一个小案例. 案例中的弹框使用的是bootstrap里面的模态框,实现自动消失则用的是js中的setInterval方法 ...

  4. jq弹框 （1）内容自适应宽度 2（内容框显示，几秒后自动消失）

      <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&q ...

  5. jQuery弹出提示信息简洁版（自动消失）

    之前看了有一些现成的blockUI.Boxy.tipswindow等的jQuery弹出层插件,可是我的要求并不高,只需要在保存后弹出提示信息即可,至于复杂点的弹出层-可以编辑的,我是直接用bootst ...

  6. Jquery 网站保存信息提示消息实现，提示后自动消失

    现在的大多数网站都有校验,以及信息提示:为了给用户更好的体验可以不用alert提示消息,采用jQuery提示完消息,自动消失 css <style> #tip_message { z-in ...

  7. JS中5秒中跳转到其他页面

    原文:JS中5秒中跳转到其他页面 <head> <meta http-equiv="Content-Type" content="text/html; ...

  8. 每隔一秒自动执行函数(JavaScript)

    http://www.cnblogs.com/xlx0210/archive/2010/03/19/1689497.html 1. setInterval() ——每隔一秒自动执行方法,setInte ...

  9. Ambari部署HDP：HBase Master启动后自动消失

    这是第一次出勤部署产品.遇到不可控问题,解决,写个心得.记录一下吧^^ 在排查问题的过程中,学到不少知识. (1)centos系统盘和数据盘分开,装操作系统的人没有将IT的空间分配出来,所以分区,自动 ...

随机推荐

  1. IOS UI多线程 NSThread 下载并显示图片到UIImageView

    效果图 @property (weak,nonatomic)IBOutletUILabel *downLabelInfo; @property (weak,nonatomic)IBOutletUIIm ...

  2. 在 Java 代码中对 Kerberos 主体进行身份验证

    转载请注明出处:http://www.cnblogs.com/xiaodf/ 本文举例说明如何使用 org.apache.hadoop.security.UserGroupInformation 类在 ...

  3. arcgis制作兴趣点分布图

    数据准备: 1.矢量:芜湖市区行政区.shp  企业分布点.shp 2.影像:Landsat 8 软件:arcgis 10.3  Envi4.8 目的:制作一幅以市区行政区为底图的企业分布点的图,同时 ...

  4. 国内如何使用gem?

    答案很简单,使用淘宝镜像! https://ruby.taobao.org/ 造福人类啊! 设置方法: $ gem sources --add https://ruby.taobao.org/ --r ...

  5. C#编程语言与面向对象——委托

    委托(delegate)也可以看成是一种数据类型,可以用于定义变量,但它是一种特殊的数据类型,所定义的变量能接收的数值只能是个函数,更确切地说,委托类型的变量可以接收一个函数的地址. 简单地说 委托变 ...

  6. PL-SQL(免安装版本)报错ORA-12154

      今天在帮同事安装PL/SQL时,在登陆的时候出现上述错误,从网上找了好多解决方法,但都没有解决问题.对于免安装版本的PL/SQL在登陆是应该先配置好路径:bin\instantclient_11_ ...

  7. VMware卸载出现“the msi failed”解决办法

    最近被VMware卸载搞烦死掉,最后通过这个帖子解决. http://www.cnblogs.com/noble/p/4144267.html 总结:有啥软件使用问题最好找官方的FAQ找答案,不然百度 ...

  8. ArrayList集合 、特殊集合

    一.ArrayList集合 集合内可以放不同类型的元素 另:object类型为所有数据类型的基类 添加元素:.add(); 清空集合:al.clear(); 克隆集合:.clone(); 判断是否包含 ...

  9. 获得Window窗口权限的三种方法

    1.第一种方法:利用视图控制器自带的View的window属性:  具体使用 self.view.window.rootViewController = ... 2.第二种方法:通过导入APPDele ...

  10. cshtml常用标签

    @RenderSection:在布局页中,将呈现指定部分的内容并指定该部分是否为必需.用法:@RenderSection("PageSpecificStyleSheetIncludes&qu ...