Javascript 如何在10秒钟内显示div，然后隐藏它？_Javascript_Html_Css

Javascript 如何在10秒钟内显示div，然后隐藏它？

javascript html css

Javascript 如何在10秒钟内显示div，然后隐藏它？,javascript,html,css,Javascript,Html,Css,我正在尝试创建一个div，该div将在页面加载10秒后隐藏，是否可以用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>

我正在尝试创建一个div，该div将在页面加载10秒后隐藏，是否可以用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>

是的，这是可能的

<html>
<head></head>
<body>
<div class="LOADING" id="LOADING" name="LOADING">LOADING</div>
<div class="HOME_MENU" id="HOME_MENU" name="HOME_MENU">HOME_MENU</div>
<script>
    setTimeout(function(){
        document.getElementById('LOADING').style.display = 'none';
    }, 10000); // 10000ms = 10s
</script>
</body>
</html>


加载
主菜单
setTimeout（函数（）{
document.getElementById（'LOADING'）.style.display='none'；
}, 10000); // 10000ms=10s

这是通过Javascript完成的。您可以添加一个脚本，该脚本设置在数秒后隐藏div的超时时间

<html>
<head></head>
<body>
<div class="LOADING" id="LOADING" name="LOADING"></div>
<div class="HOME_MENU" id="HOME_MENU" name="HOME_MENU"></div>


<script>
// Get the element by id using javascript
var divElement = document.getElementById('LOADING');

  // after 10 seconds (10 000 milliseconds), execute the function to hide it
  setTimeOut(function () {
     // hide the divElement. There are a couple of ways. In this case, let's
     // just give it a display of none
     divElement.style.display = 'none'
  }, 10000);

</script>

</body>
</html>


//使用javascript通过id获取元素
var divElement=document.getElementById（'LOADING'）；
//10秒（10000毫秒）后，执行函数将其隐藏
setTimeOut（函数（）{
//隐藏div元素。有两种方法。在本例中，让我们
//只是给它一个“无”的显示
divElement.style.display='none'
}, 10000);

我会在正文上使用onload来完成这项工作，它会自动触发setTimeout，并在加载页面时启动

函数hideLoadingDiv（）{
setTimeout（函数（）{
document.getElementById（'LOADING'）.classList.add（'hidden'）；
},10000)
}

。隐藏{
显示：无；
}


加载
菜单

是的，它正在工作