Javascript隐藏div并用简单的倒计时显示另一个div [英] Javascript hide div and show another div with simple countdown

问题描述

 < div class =div1>有没有办法隐藏div显示另一个div？ 这里必须显示倒计时10秒< / div> 
< div class =div2>在倒数后显示此div< / div> 
  

例如：加载页面时，div1必须显示，并且必须有10秒倒计时。倒计时完成后，隐藏div1并显示div2

感谢谁回答我的问题。

RTPMatt回答了我一次，但它不起作用。
$ b $请尝试这个

 < 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 =; 
 
 
函数startschedule（）
 {
 clearInterval（interval）; 
 secondsleft = threshold; 
 document.querySelector（。div1）。innerHTML =Activating in+ Math.abs（（secondsleft / 1000））+secs; 
 interval = setInterval（function（）
 {
 startChecking（）; 
}，1000）
} 
 
函数resetTimer（）
 {
 startschedule（）; 
} 
< / script> 
< div class =div1>这里必须显示倒计时10秒< / div> 
< div class =div2style =display：none;>在倒数后显示此div< / div> 
  

is there any way to hide div show another div using javascript?

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

for example: when page loaded, div1 must display and it must have 10 seconds countdown. when countdown is done then hide div1 and show div2

Thanks for who answer my question.

and Thanks for RTPMatt answered me once but it didn't work.

解决方案

Please try this

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

这篇关于Javascript隐藏div并用简单的倒计时显示另一个div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！