javascript - 显示 Div 1 x 秒，然后隐藏并显示隐藏的 Div 2

Question

我试图显示 div1 3 秒，然后隐藏并显示 div2。请注意，我不是 Javascript 开发专家。然而，我已经通过谷歌搜索和复制粘贴，成功地显示和隐藏了 div1。

当 div1 隐藏时，我无法显示 div2。下面是代码......

<div id="Div2" style="display:none">
php code here
</div>

<div id="Div1" style="display:none"><img id="myImage" src="ajax-loader.gif"></div><br>
<script type = "text/javascript">
function show() {
    document.getElementById("myDiv").style.display="block";
    setTimeout("hide()", 3000);  // 3 seconds
}

function hide() {
    document.getElementById("myDiv").style.display="none";
}

show();
function show2() {
    document.getElementById("myDiv1").style.display="block";
}
</script>

Answer 1

隐藏Div1后需要调用show2()。另外，您的函数中的 ID 错误。

function show() {
    document.getElementById("Div1").style.display="block";
    setTimeout("hide()", 3000);  // 3 seconds
}

function hide() {
    document.getElementById("Div1").style.display="none";
    show2();
}

show();
function show2() {
    document.getElementById("Div2").style.display="block";
}

<div id="Div2" style="display:none">
php code here
</div>

<div id="Div1" style="display:none"><img id="myImage" src="ajax-loader.gif"></div><br>