Дисплей Div1 для x сек, затем скрыть и отобразить скрытые Div2

Question

Я пытаюсь отобразить div1 в течение 3 секунд, затем скрыть и отобразить div2. Обратите внимание, что я не специалист по разработке Javascript. Тем не менее, мне удалось, по Googling и скопировать & вставить, чтобы отобразить и скрыть div1.

Я не могу показать div2, когда div1 скрывается. Ниже приведен код ....

<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 , Кроме того, у вас были неправильные идентификаторы в ваших функциях.

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 

но ожидает функции:

setTimeout(hide, 3000); // 3 seconds