javascript - 如何显示一个 div 10 秒然后隐藏它?
问题描述
我正在尝试创建一个将在页面加载 10 秒后隐藏的 div,是否可以在 PHP 或 JavaScript 中完成。
代码示例:
<html>
<head></head>
<body>
<div class="LOADING" id="LOADING" name="LOADING"></div>
<div class="HOME_MENU" id="HOME_MENU" name="HOME_MENU"></div>
</body>
</html>
解决方案
我会在正文上使用 onload 来完成它 - 它会自动触发 setTimeout 并在页面加载时启动。
function hideLoadingDiv() {
setTimeout(function(){
document.getElementById('LOADING').classList.add('hidden');
},10000)
}
.hidden {
display: none;
}
<html>
<head></head>
<body onload="hideLoadingDiv()">
<div class="LOADING" id="LOADING" name="LOADING">Loading</div>
<div class="HOME_MENU" id="HOME_MENU" name="HOME_MENU">Menu</div>
</body>
</html>
推荐阅读
- javascript - 如何在 div 中显示文本编辑器并在单击按钮后显示添加的内容?
- angular - 在 Asp.net core 2 Visual Studio 2017 上使用 --environments 和 Angular SPA
- hadoop - logstash 非法状态异常?
- javascript - 使用javascript将逗号分隔的数组减少为字符串
- xml - 如何使用 powershell 将数据插入 XML 子元素
- nativescript - 相机拍摄功能不适用于 ios
- java - 触摸播放音频 - Android
- laravel-5 - 不带域名的 Apache 配置文件名
- 32-bit - Rakudo x86 32 位预编译安装程序/二进制文件在哪里?
- biztalk - BizTalk Direct-Bound 发送端口慢触发