1. 首页
  2. 问题
  3. 显示警告框后如何自动隐藏它？[重复]
小编典典

显示警告框后如何自动隐藏它？[重复]

javascript

我要做的是，如何在显示警报框后的特定秒数内自动隐藏它？

我所知道的是

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

// This will appear alert after 5 seconds

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

所需方案：

  1. 显示警报

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


阅读 373

收藏
2020-05-01

共1个答案

小编典典

警报无法实现此功能。但是，您可以使用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);
2020-05-01