gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 23:39:59 25 4
gpt4 key购买 nike

我想显示“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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com