如何使用定时事件使用JavaScript显示然后隐藏消息

How To Use Timing events using JavaScript to Show Then Hide a Message?

本文关键字：显示 然后 隐藏 消息 JavaScript 何使用 定时 事件      更新时间：2023-09-26

我想显示"你好"；消息持续了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分钟），18000ms是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>
相关文章：