Question

我试图显示div1 3秒然后隐藏并显示div2。请注意我不是专业的Javascript开发人员。但是，我通过谷歌搜索和复制＆amp; amp;粘贴，显示和隐藏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

隐藏show2()后，您需要致电Div1。此外，您的功能中ID错误。

＆＃13;

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";
}

＆＃13;

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

＆＃13;

Answer 2

你给了一个String to setTimeout

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

但它需要一个函数：

setTimeout(hide, 3000);  // 3 seconds

显示Div1为x秒然后隐藏并显示隐藏的Div2

2 个答案: