倒计时一定时间跳转到另一个页面

倒计时效果应用非常的频繁，也比较简单，本章节主要针对javascript初学者的。

下面就给出一个简单的代码实例，供初学者参考，希望能够有所帮助。

代码实例如下:

 

  

   

    

        

         01
        
        

         02
        
        

         03
        
        

         04
        
        

         05
        
        

         06
        
        

         07
        
        

         08
        
        

         09
        
        

         10
        
        

         11
        
        

         12
        
        

         13
        
        

         14
        
        

         15
        
        

         16
        
        

         17
        
        

         18
        
        

         19
        
        

         20
        
        

         21
        
        

         22
        
        

         23
        
        

         24
        
        

         25
        
        

         26
        

        

         

          <!DOCTYPE html>
         
         

          <
          html
          >
         
         

          <
          head
          >
         
         

          <
          meta 
          charset
          =
          "utf-8" 
          /> 
         
         

          <
          title
          >网页倒计时效果代码</
          title
          > 
         
         

          <
          script 
          type
          =
          "text/javascript"
          >
         
         

          window.onload=function(){
         
         

            
          var myspan=document.getElementById("myspan");
         
         

            
          var timer=30;
         
         

            
          var flag;
         
         

            
          function daoji(){
         
         

               
          timer=timer-1;
         
         

               
          myspan.innerHTML=timer;
         
         

               
          if(timer==0){
         
         

                 
          location.href="http://www.softwhy.com";
         
         

                 
          clearInterval(flag);
         
         

               
          }
         
         

            
          }
         
         

            
          flag=setInterval(daoji,1000);
         
         

          }
         
         

          </
          script
          > 
         
         

          </
          head
          > 
         
         

          <
          body
          > 
         
         

          <
          div
          >页面跳转倒计时:<
          span 
          id
          =
          "myspan"
          ></
          span
          ></
          div
          >
         
         

          </
          body
          > 
         
         

          </
          html
          >
         
        
   
  
 

以上代码实现了我们需要的效果，当倒计时完成后，就会跳转到其他页面。