javascript - 如何通过 JavaScript 使用定时事件显示然后隐藏消息?

标签 javascript dom-events

我想显示“hello”消息 3 分钟,然后它应该消失。我想处理 JavaScript 的 onLoad 事件。以下是我尝试使用 onClick 的代码,因为我不知道如何处理 onLoad。请给我正确的代码。

<html>
    <head>
        <script type="text/javascript">
              function timeMsg()
              {
                     var t=setTimeout("alertMsg()",3000);
              }
              function alertMsg()
              {
                     document.write("Hello");
              }
        </script>
    </head>
    <body>
        <form>
            <input type="button" value="Display alert box onClick="timeMsg()"/>
        </form>
    </body>
</html>

最佳答案

您想先显示消息,然后启动 setTimeout 计时器,设置您希望“隐藏”事件触发的持续时间。时间也以毫秒为单位,所以 60000ms 是 60 秒(1 分钟),180000ms 是 3 分钟。

 <script type="text/javascript">
    function showMessage() {
        document.getElementById("container").innerHTML = "hello!";
        setTimeout(function() {
            document.getElementById("container").innerHTML = "";
        },180000);
    }
  </script>
</head>

<body onload="showMessage()">
    <div id="container"></div>
</body>  

关于javascript - 如何通过 JavaScript 使用定时事件显示然后隐藏消息?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9996923/

相关文章:

javascript - JQGRID - 禁用/启用文本框相对于 "edit dialog box(popup)"上的复选框状态的只读属性

javascript - 带有光标鼠标射线原点的aframe嵌入式场景

javascript - 获取提交按钮值 onsubmit 事件

javascript - 窗口单击事件 Javascript 在第一次单击时不起作用

Javascript函数在nodejs中返回未定义的值

IE8 中的 JavaScript 事件原型(prototype)

javascript - Dalek JS - 测试中的 For 循环

javascript - jQuery 和多个 "category"选择器

javascript - JavaScript 中的连接函数,对于元素数量未知的数组,分隔符不会显示在末尾

javascript - 添加子标签时如何制作div覆盖