Div1をx秒間表示し、隠しDiv2を隠して表示する

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

あなたは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>

Answer 2

あなたがsetTimeoutを

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

に文字列を与えたが、それは機能を期待：あなたはDiv1を隠した後

setTimeout(hide, 3000); // 3 seconds