アラートを表示した後、自動的に非表示にする方法はありますか？

Question

私がしたいのは、表示した後、特定の秒間にアラートボックスを自動的に非表示にする方法です。

私が知っているすべてである、

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

// This will appear alert after 5 seconds 

私は秒以内にそれを表示した後、アラートを消えるしたい、このための必要はありません。

必要なシナリオ：

1. 警告表示は

2. 表示/非あなたはJavaScriptを使用して警告ボックスを閉じることができない2秒

Answer 1

tldrを。 jsFiddle Demo

この機能はアラートでは実行できません。ただし、

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); 
} 

div要素を使用することができ、このように、これを使用してください。JavaScriptを使用しては不可能

tempAlert("close",5000); 

Answer 2

内のアラートを終了します。

あなたは、しかし、代わりにウィンドウを使用することもできます。

var w = window.open('','','width=100,height=100') 
w.document.write('Message') 
w.focus() 
setTimeout(function() {w.close();}, 5000) 

Answer 3

。 他の回答の提案の別の選択肢として、jGrowlの使用を検討してください。http://archive.plugins.jquery.com/project/jGrowl

Answer 4

通知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月）

の

サポート検索ブラウザhere.