以時間為基礎消除警報框

Question

我想在一段時間后消失警報框。 我聽說這在Javascript中是不可能的，那么有沒有其他方法可以實現這一點？

Answer 1

試試這個jsbin代碼 - 一個自定義警告框

或者在.html文件中試試這個

碼

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
<script>
function customAlert(msg,duration)
{
 var styler = document.createElement("div");
  styler.setAttribute("style","border: solid 5px Red;width:auto;height:auto;top:50%;left:40%;background-color:#444;color:Silver");
 styler.innerHTML = "<h1>"+msg+"</h1>";
 setTimeout(function()
 {
   styler.parentNode.removeChild(styler);
 },duration);
 document.body.appendChild(styler);
}
  function caller()
  {
    customAlert("This custom alert box will be closed in 2 seconds","2000");
  }
  </script>
  </head>
<body onload="caller()">

</body>
</html>

Answer 2

您可以使用自定義警報消息執行此操作。 通知框架的一個示例是ToastR。 您還可以創建自己的消息框架。 但是，您無法關閉常規JavaScript警報框。

Answer 3

工作演示 - 這是一個自定義警報框，可以滿足您的需求

function cancelDiv() {
        $("#div1").hide();
    }

    function ShowDiv() {
        $("#div1").css("backgroundColor", "white");
        $("#div1").show();
        setTimeout(function(){$("#div1").hide()}, 3000)
    }

    $(function () { 
        $("#div1").hide();
        $("#div1").draggable();            
    });

以時間為基礎消除警報框

問題描述

3 個解決方案

解決方案1
3 已采納 2013-09-06 06:06:34

碼

解決方案2
0 2013-09-06 05:27:50

解決方案3
0 2013-09-06 05:37:48

以時間為基礎消除警報框

問題描述

3 個解決方案

解決方案1 3 已采納 2013-09-06 06:06:34

碼

解決方案2 0 2013-09-06 05:27:50

解決方案3 0 2013-09-06 05:37:48

解決方案1
3 已采納 2013-09-06 06:06:34

解決方案2
0 2013-09-06 05:27:50

解決方案3
0 2013-09-06 05:37:48