文章内容
2023/3/11 13:19:46,作 者: 黄兵
JavaScript 实现 Alert 元素显示3秒钟再隐藏
最近需要实现一个显示 3s 钟，然后隐藏的提示。
我们可以使用 JavaScript 中的 setTimeout() 函数来实现 Alert 元素显示 3 秒钟再隐藏的效果。以下是一个简单的实现示例：
HTML 代码：
<div id="myAlert" style="display:none;">这是一个提示框！</div>
JavaScript 代码：
// 获取 Alert 元素
var myAlert = document.getElementById("myAlert");
// 显示 Alert 元素
myAlert.style.display = "block";
// 等待 3 秒钟后隐藏 Alert 元素
setTimeout(function() {
myAlert.style.display = "none";
}, 3000);首先，通过 document.getElementById() 获取 Alert 元素。接下来，将 Alert 元素的 display 样式设置为 "block"，这样它就会显示出来。然后，使用 setTimeout() 函数来等待 3 秒钟后再执行一个匿名函数，该函数将 Alert 元素的 display 样式设置为 "none"，这样它就会隐藏起来。注意，setTimeout() 函数的第二个参数是时间，以毫秒为单位，因此 3000 表示 3 秒钟。
这样就实现了一个提示框，然后 3s 钟消失的效果。
评论列表