js对话框5秒自动消失

时间：2022-08-28 19:06:06

使用了easyui的对话框控件

<html>

  <head>

    <title>5秒后关闭对话框</title>

    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>

    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>

	<link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css">

	<link rel="stylesheet" type="text/css" href="easyui/themes/icon.css">

	<link rel="stylesheet" type="text/css" href="easyui/demo.css">

	<script type="text/javascript" src="easyui/jquery.min.js"></script>

	<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>

    <script type="text/javascript" src="javascripts/chat.js"></script>
    <script type="text/javascript">

		$(document).ready(function() {

		 $('#dlg').dialog('close');

		  var mTime = 5;

		  var time;

		  $("#openDlg").click(function(){

			mTime=5;

		  document.getElementById("license").innerText=license;

		  document.getElementById("kind").innerText=kind;

		  document.getElementById("operator").innerText=operator;

		  document.getElementById("mTime").innerText=mTime;

		  $('#dlg').dialog('open');

		  var interval=setInterval(function(){

			 var dialog = $("#dlg").parent().is(":hidden");

			 if (!dialog){

				 if (mTime>1){

					mTime=mTime-1;

					 document.getElementById("mTime").innerText=mTime;

				 }

				 else{

					 $('#dlg').dialog('close');

					 clearInterval(interval);

				 }

			 }

			},1000);

		 }

	});

    </script>

  </head>

  <body>

    <a href="javascript:void(0)" class="easyui-linkbutton" id ="openDlg">打开对话框</a>

    <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');;}}]">

    <label id="mTime"></label>秒后自动确认。

    </div>

  </body>

</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. 每隔一秒自动执行函数&lpar;JavaScript&rpar;

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

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

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

随机推荐

  1. 深度学习笔记——PCA原理与数学推倒详解

    PCA目的:这里举个例子,如果假设我有m个点,{x(1),...,x(m)},那么我要将它们存在我的内存中,或者要对着m个点进行一次机器学习,但是这m个点的维度太大了,如果要进行机器学习的话参数太多, ...

  2. 为什么在注册和注销的时候intent要改成隐式调用

    显式意图:调用Intent.setComponent()或Intent.setClass()方法明确指定了组件名的Intent为显式意图,显式意图明确指定了Intent应该传递给哪个组件. 隐式意图: ...

  3. 解决VS2012【加载&period;&period;&period;&period;&period;&period;符号缓慢】的问题

    http://blog.csdn.net/shi0090/article/details/19411777 最近在用VS2012调试时,经常出现"加载......符号缓慢的问题", ...

  4. notepad&plus;&plus;正则表达式替换字符串详解

    正则表达式是一个查询的字符串,它包含一般的字符和一些特殊的字符,特殊字符可以扩展查找字符串的能力,正则表达式在查找和替换字符串的作用不可忽视,它 能很好提高工作效率. EditPlus的查找,替换,文 ...

  5. celery出现警告或异常的解决方式

    做个笔记,记录下使用celery踩过的坑,不定期更新.  warnings.warn(CDeprecationWarning(W_PICKLE_DEPRECATED)) 我用的是Flask,所以在Fl ...

  6. java常用字节流

    常用的字节流有FileInputStream和FileOutputStream.BufferedInputStream和BufferedOutputStream.DataInputStream和Dat ...

  7. HTML5 FileReader实现图片上传前预览

    如果你的浏览器支持Html5的FileReader的话,实现图片上传前进行预览是一件非常容易之事情. 在控制器,创建一个视图Action: jQuery代码: 实时演示一下: 下面内容于2014-11 ...

  8. Webmin忘记密码解决方法，及配置文件介绍

    Webmin忘记Web登陆时候的密码,无法登陆了,Google了一下,基本方法是通过changepass.pl可以修改密码 首先找到changepass.pl这个文件目录 $sudo locate c ...

  9. Seaborn-05-Pairplot多变量图

    转自:http://www.jianshu.com/p/6e18d21a4cad

  10. JVM--内存模型与线程

    一.硬件与效率的一致性 计算机的存储设备与处理器的运算速度存在几个数量级的差距,现在计算机系统不得不在内存和处理器之间增加一层高速缓存(cache)来作为缓冲.将运算需要的数据复制到缓存中,让运算能够 ...

相关文章