显示后如何自动隐藏警告框？ [英] How can I auto hide alert box after it showing it?

问题描述

我想做的就是，如何在显示后的特定秒内自动隐藏提示框？

All I want to do is, how can I auto hide alert box within specific seconds after showing it?

我所知道的是，

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

// This will appear alert after 5 seconds

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

No need for this I want to disappear alert after showing it within seconds.

需要的场景：

1. 显示提醒

1. Show alert

在2秒内隐藏/终止提醒

Hide/terminate alert within 2 seconds

推荐答案

tldr; jsFiddle演示

tldr; jsFiddle Demo

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

This functionality is not possible with an alert. However, you could use a 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);

这篇关于显示后如何自动隐藏警告框？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！