29

我想要做的是,如何在显示后的特定秒内自动隐藏警报框?

我所知道的是,

setTimeout(function() { 
      alert('close'); 
}, 5000);

// This will appear alert after 5 seconds

不需要这个我想在几秒钟内显示它后消失警报。

需要的场景:

  1. 显示警报

  2. 在 2 秒内隐藏/终止警报

4

4 回答 4

32

tldr; jsFiddle 演示

警报无法实现此功能。但是,您可以使用 div

function tempAlert(msg,duration)
{
 var el = document.createElement("div");
 el.setAttribute("style","position:absolute;top:40%;left:20%;background-color:white;");
 el.innerHTML = msg;
 setTimeout(function(){
  el.parentNode.removeChild(el);
 },duration);
 document.body.appendChild(el);
}

像这样使用:

tempAlert("close",5000);
于 2013-03-17T22:13:11.743 回答
3

您无法使用 Javascript 关闭警报框。

但是,您可以改用窗口:

var w = window.open('','','width=100,height=100')
w.document.write('Message')
w.focus()
setTimeout(function() {w.close();}, 5000)
于 2013-03-17T22:11:34.297 回答
2

用 javascript 是不可能的。正如其他答案的建议的另一种选择:考虑使用 jGrowl: http: //archive.plugins.jquery.com/project/jGrowl

于 2013-03-17T22:29:25.760 回答
1

您也可以尝试通知 API。这是一个例子:

function message(msg){
    if (window.webkitNotifications) {
        if (window.webkitNotifications.checkPermission() == 0) {
        notification = window.webkitNotifications.createNotification(
          'picture.png', 'Title', msg);
                    notification.onshow = function() { // when message shows up
                        setTimeout(function() {
                            notification.close();
                        }, 1000); // close message after one second...
                    };
        notification.show();
      } else {
        window.webkitNotifications.requestPermission(); // ask for permissions
      }
    }
    else {
        alert(msg);// fallback for people who does not have notification API; show alert box instead
    }
    }

要使用它,只需编写:

message("hello");

代替:

alert("hello");

注意:请记住,它目前仅在 Chrome、Safari、Firefox 和一些移动网络浏览器中受支持(2014 年 1 月)

在此处查找支持的浏览器

于 2013-10-29T06:48:02.867 回答