我想要做的是,如何在显示后的特定秒内自动隐藏警报框?
我所知道的是,
setTimeout(function() {
alert('close');
}, 5000);
// This will appear alert after 5 seconds
不需要这个我想在几秒钟内显示它后消失警报。
需要的场景:
显示警报
在 2 秒内隐藏/终止警报
我想要做的是,如何在显示后的特定秒内自动隐藏警报框?
我所知道的是,
setTimeout(function() {
alert('close');
}, 5000);
// This will appear alert after 5 seconds
不需要这个我想在几秒钟内显示它后消失警报。
需要的场景:
显示警报
在 2 秒内隐藏/终止警报
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);
您无法使用 Javascript 关闭警报框。
但是,您可以改用窗口:
var w = window.open('','','width=100,height=100')
w.document.write('Message')
w.focus()
setTimeout(function() {w.close();}, 5000)
用 javascript 是不可能的。正如其他答案的建议的另一种选择:考虑使用 jGrowl: http: //archive.plugins.jquery.com/project/jGrowl
您也可以尝试通知 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 月)
在此处查找支持的浏览器。