如何使用JavaScript来计时事件以显示然后隐藏消息？_Javascript_Dom Events

如何使用JavaScript来计时事件以显示然后隐藏消息？

javascript

如何使用JavaScript来计时事件以显示然后隐藏消息？,javascript,dom-events,Javascript,Dom Events,我想在3分钟内显示“hello”消息，然后它就会消失。我想处理JavaScript的onLoad事件。下面是我用onClick尝试的代码，因为我不知道如何处理onLoad。请给我正确的代码 <html> <head> <script type="text/javascript"> function timeMsg() {

我想在3分钟内显示“hello”消息，然后它就会消失。我想处理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>


函数timeMsg（）
{
var t=setTimeout（“alertMsg（）”，3000）；
}
函数alertMsg（）
{
写下“你好”；
}
您希望首先显示消息，然后启动设置超时计时器，设置触发“隐藏”事件的持续时间。时间也是以毫秒为单位的，所以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>  


函数showMessage（）{
document.getElementById（“容器”）.innerHTML=“你好！”；
setTimeout（函数（）{
document.getElementById（“容器”）.innerHTML=“”；
},180000);
}
没问题。：）欢迎来到堆栈溢出！哎呀。。。你好…友谊日快乐