为了账号安全,请及时绑定邮箱和手机立即绑定

如何显示 div 10 秒并在之后隐藏它?

如何显示 div 10 秒并在之后隐藏它?

开满天机 2021-06-09 17:20:54
我正在尝试创建一个将在页面加载 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>
查看完整描述

3 回答

?
撒科打诨

TA贡献1934条经验 获得超2个赞

我会在主体上使用 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>


查看完整回答
反对 回复 2021-06-18
  • 3 回答
  • 0 关注
  • 172 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信