Alert弹出框自动关闭

最新推荐文章于 2023-10-08 12:01:09 发布
最新推荐文章于 2023-10-08 12:01:09 发布
阅读量1w 收藏 8
点赞数 2
文章标签： timer javascript firefox opera iframe button
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaowangzi1988/article/details/6322600
版权

<html>  
<head>  
<title>自动关闭alert框-模拟成非模态形式</title>  
</head>  
<body>  
<input type="button" value="弹出alert框自动关闭" onClick="myAlert('不点击确定三秒后自动关闭')">  
</body>  
<script type="text/javascript">
 function myAlert(showstr)  
    {  
        var alertInfo = showstr;    //alert框里要显示的信息   
        var timer = 3000;      //定时 3s
        //在页面中新建一个框架frame，以便在该frame中弹出一个非模态对话框  
        document.body.innerHTML += "<iframe style='display:none;' width='500' name='ifrtemp'></iframe>";  
        //在非模态对话框中弹出一个alert框，并立即关闭该非模态对话框  
  ifrtemp.showModelessDialog("javascript:alert('"+alertInfo+"');window.close();","","status:no;resizable:no;help:no;dialogHeight:530px;dialogWidth:40px;");  
        setTimeout("ifrtemp.location.reload();",timer); 
    }
</script>

 

测试了下只有IE （Maxthon2） 下可以 Opera  Maxthon3  Firefox 均不行

 

原帖：http://hi.baidu.com/%BA%F4%D1%D3%B4%F3%B2%D8%B5%DA%B6%FE%CA%C0/blog/item/72995f416764d1029213c629.html

xiaowangzi1988
关注
  • 2
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
layer弹出层框架alert与msg详解
08-31
本文主要介绍了layer弹出层框架alert与msg的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧
js提示框替代系统alert,自动关闭alert对话框的实现方法
01-19
自己写了个alert提示框。因为系统alert在苹果手机微信中，提示时，顶部会显示网站地址。 同时其他后续操作需要在js中继续填写。因此简单用div写了一个alert提示框，并自动关闭。 效果图 css样式 /*弹出消息对话框样式*/ .show_alert_box{ width:100%; height:100%; position:fixed; top:0px; left:0px; background-color:rgba(0,0,0,0.6); display:none; z-index:200; } .show_alert_div{ width:70%; position:ab
可自动关闭的alert()方法
热门推荐
kopala的博客
09-09 2万+
 html>  head>  title>JavaScript自动关闭窗口title>  meta http-equiv="content-Type" content="text/html;charset=gb2312">  head>  body>     input type="button" value="弹出alert框自动关闭" onClick="Alert('不点击确定三秒后
js弹出提示信息并自动关闭
IT界的小菜比
05-03 7785
script type="text/javascript" src="F:\javasoft\ajax\jquery\jquery-1.4.1.min.js">script>     SCRIPT LANGUAGE="JavaScript">   //contetn为要显示的内容   //height为离窗口顶部的距离   //time为多少秒后关闭的时间，单位为秒   function
倒计时结束关闭alert警报弹窗的实现
...
11-19 1241
AlertController import { AlertController } from 'ionic-angular'; export class PaySuccessPage { public time = 10; public timer; // 计时器 constructor(private alertCtrl: AlertController) { this.timeDown(); // 倒计时 this.isPrint(); // 调用的弹窗 } // 倒计时 tim
java倒计时自动关闭弹窗,打开页面弹出窗口子窗口定时自动关闭
weixin_32697149的博客
03-15 804
主页面的head区域添加如下代码，你可以参考研所包中的 a.htm 文件。popup.location.href = 'b.htm';中的b.htm就是你要弹出的子页面子页面b.htm文件中的head区需要添加如下代码：其中 1000 就是你要设置的时间。setTimeout("self.close()",1000)========================附加相关知识：window.ope...
自动关闭 Alert 窗口
u012416335的专栏
10-13 1474
UIAlertView  *alert = [[UIAlertView  alloc]initWithTitle:nil message:[@"一个可以自动关闭的Alert窗口"delegate:nil  cancelButtonTitle:nil //NSLocalizedString(@"OK", @"OK")   //取消任何按钮   otherButtonTi
html5点击弹出自动关闭消息提示框
11-24
3. **自定义消息提示框**：由于`alert()`等内建函数并不支持自动关闭，我们需要自定义一个消息提示框。这通常涉及到创建一个新的HTML元素（如`div`），通过CSS设置样式使其看起来像一个提示框，然后用JavaScript控制...
Jquery自带弹出框效果
06-11
当我们谈论“Jquery自带的弹出框效果”时，实际上是指jQuery UI中的几个对话框组件，如`dialog()`函数。这些弹出框不仅提供了基本的提示功能，还能实现复杂的交互式窗口，为用户界面添加丰富的用户体验。 1. **...
模拟弹出框
08-15
在Web开发中，JavaScript库如jQuery UI、Bootstrap和SweetAlert等提供了创建模拟弹出框的工具。这些库提供了丰富的自定义选项，包括动画效果、图标、按钮样式以及响应式设计，使得弹出框能够适应不同的设备和屏幕...
Element Alert警告的具体使用方法
10-15
主要介绍了Element Alert警告的具体使用方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
html中alert弹窗自动消失,让Alert弹窗只弹出一次
weixin_29717341的博客
05-31 2334
让Alert弹窗只弹出一次，可设置多长时间内只弹出一次，也就是弹出间隔，同样是利用setTime函数实现的效果，这里面有几个参数，其中30为天数，可改为任意数字，不过修改后就不是以天计算了。让Alert弹窗只弹出一次function getCookie(name) {var cookiefound=falsevar start=0var end=0var cookiestring=document...
html中alert弹窗自动消失,模拟alert2秒后自动消失弹出框
weixin_32487755的博客
05-31 2502
//显示框信息function showMsg(val,time){if(!document.getElementById('parent_pop_up')){var parent_pop_up = document.createElement('div');parent_pop_up.id = "parent_pop_up";parent_pop_up.style.cssText = "posi...
jquery alert提示框自动消失
qq_32217519的博客
06-20 1万+
第一步：jsp页面body里面准备一个div 第二步：准备一些共用样式css #getVerifyCode{cursor: pointer; outline: none;} .alert { display: none; position: fixed; top: 50%; left: 50%;
ie7 html自定义alert,用div模拟alert对话框，N秒不点击自动关闭（适用IE6、IE7、firefox）...
weixin_42524499的博客
06-17 454
工作需要，经理让做个对话提示框，三秒不点击自动关闭，用在web页面上。如果让我用c#写也许毫不费力，于是觉得并没什么困难，然而真做起来。。。废话不说，问题如下：根据js运行机制，不可能将一个alert框强行关闭。前几天第一次做，查了好多资料，似乎找到了一个解决方法如test1.html。新建一个iframe，再借助于showModelessDialog来实现一个可关闭的alert。于是乎问题似乎解...
在JAVA如何让JOptionPane.showMessageDialog（）过3秒自动关闭
最新发布
ww396259871的博客
10-08 401
JOptionPane.showMessageDialog(null, "这是一个弹出提示框");// 设置延时自动关闭的时间（单位：毫秒）
JS 窗口自动关闭
chengmianxie5404的博客
01-21 204
setTimeout("alert('对不起, 要你久候')", 3000 ) 该方法的意思是页面加载3秒的时候弹出窗口，同样，也可以使我们的窗口关闭，如extjs 中可以这样使用： setTimeout(function () { Ext.Msg.hide();...
C# Alert弹出框自动关闭实例
05-31
以下是一个 C# Alert 弹出框自动关闭的示例： ```csharp using System; using System.Windows.Forms; using System.Threading; public class Program { static void Main() { // 创建一个 Alert 弹出框 var alert = new Alert("这是一个自动关闭的弹出框", "提示", MessageBoxButtons.OK, MessageBoxIcon.Information); // 启动一个新线程，等待 3 秒后关闭弹出框 new Thread(() => { Thread.Sleep(3000); alert.Invoke(new Action(() => alert.Close())); }).Start(); // 显示 Alert 弹出框 alert.ShowDialog(); } } public class Alert : Form { public Alert(string message, string caption, MessageBoxButtons buttons, MessageBoxIcon icon) { Text = caption; FormBorderStyle = FormBorderStyle.FixedDialog; MaximizeBox = false; MinimizeBox = false; ShowInTaskbar = false; StartPosition = FormStartPosition.CenterScreen; Icon = SystemIcons.Information; ControlBox = false; var label = new Label { Text = message, AutoSize = true, Location = new System.Drawing.Point(10, 10) }; Controls.Add(label); var okButton = new Button { DialogResult = DialogResult.OK, Text = "确定", Location = new System.Drawing.Point(140, 60) }; Controls.Add(okButton); AcceptButton = okButton; DialogResult = DialogResult.OK; } } ``` 这个示例创建了一个 Alert 弹出框，并在启动一个新线程后等待 3 秒后自动关闭弹出框。你可以根据需要修改线程等待时间。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值