倒计时一定时间跳转到另一个页面_倒计时跳转页面源码-优快云博客

本文介绍了一个简单的网页倒计时效果实现方法，通过JavaScript定时更新倒计时显示，并在倒计时结束后自动跳转至指定页面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

倒计时效果应用非常的频繁，也比较简单，本章节主要针对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 
          >