javascript - 隐藏一个 div 并显示另一个？

Question

我有两个 div 分别在 #loading 和一个 #main 上；

<div id="loading"></div>
<div id="main"></div>

我想要实现的是使用 javascript，显示 #loading 五秒钟，然后在五秒钟后隐藏 #loading div 并显示 #main 分区。 #main div 默认隐藏，一旦 #loading div 被隐藏，#main div 就会显示。

我假设要实现这一目标将是 css 和 javascript 的混合体；希望您了解我想要实现的目标，并能帮助我实现我想要实现的目标。

谢谢。

Answer 1

您的 CSS 将是:

#main {
    display:none;
}

JS 将是:

setTimeout(function() {
    document.getElementById('main').style.display = 'block';
    document.getElementById('loading').style.display = 'none';
}, 5000);