显示 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

你给了一个字符串给setTimeout

setTimeout("hide()", 3000);  // 3 seconds

但它需要一个函数：

setTimeout(hide, 3000);  // 3 seconds

Answer 2

隐藏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>

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

Display Div1 for x sec then hide and display hidden Div2

javascript

show-hide