Javascript скрыть div и показать еще один div с простым обратным отсчетом

Question

есть ли способ скрыть div show another div с помощью javascript?

<div class="div1">"here must show countdown 10 seconds"</div> 
<div class="div2">"show this div after countdown"</div> 

например: при загрузке страницы, div1 должен отображаться и должен иметь обратный отсчет 10 секунд. когда обратный отсчет сделан, затем скройте div1 и покажите div2

Спасибо, кто отвечает на мой вопрос.

и спасибо за RTPMatt ответил мне один раз, но это не сработало.

Answer 1

Пожалуйста, попробуйте этот

<script language="javascript"> 
    var timeout,interval 
    var threshold = 10000; 
    var secondsleft=threshold; 

    window.onload = function() 
    { 
     startschedule(); 
    } 

    function startChecking() 
    { 
     secondsleft-=1000; 
     document.querySelector(".div1").innerHTML = "Activating in " + Math.abs((secondsleft/1000))+" secs"; 
     if(secondsleft == 0) 
     { 
      //document.getElementById("clickme").style.display=""; 
      clearInterval(interval); 
      document.querySelector(".div1").style.display="none"; 
      document.querySelector(".div2").style.display=""; 
     } 
    } 
    function startschedule() 
    { 
      clearInterval(interval); 
      secondsleft=threshold; 
      document.querySelector(".div1").innerHTML = "Activating in " + Math.abs((secondsleft/1000))+" secs"; 
      interval = setInterval(function() 
      { 
       startChecking(); 
      },1000)    
    } 

    function resetTimer() 
    { 
     startschedule(); 
    } 
</script> 
    <div class="div1">"here must show countdown 10 seconds"</div> 
    <div class="div2" style="display:none;">"show this div after countdown"</div> 

Answer 2

Вы можете попробовать это:

$(function(){ 
$("#div1").show(); 
setTimeout(function(){$("#div1").hide(); $("#div2").show();},10*1000) 
}) 

Когда дом загружен, вы показываете div1. Затем вы начинаете таймер, который, когда импульс, скрывающую div1 и показать div2