js实现页面定时跳转

最新推荐文章于 2025-01-24 16:59:52 发布

张润东

最新推荐文章于 2025-01-24 16:59:52 发布

阅读量2.7k

点赞数 1

分类专栏： JavaEE Web

Web 同时被 2 个专栏收录

32 篇文章

订阅专栏

JavaEE

23 篇文章

订阅专栏

其实很简单的一件事情，使用js提供的setTimeout（）函数则可以完成了。

下面是简单的代码实现：

[html]view plaincopy 
   
 <html>  
 <head></head>  
   
 <body>  
 <h1>提交成功</h1>    
 <a href="http://www.so.com">3秒后系统会自动跳转，也可点击本处直接跳</a> </div></div></div>   
 <script>  
 function jumpurl(){  
   location='http://www.so.com';  
 }  
 setTimeout('jumpurl()',3000);  
 </script>   
   
 </body>  
 </html>  

当然，上面那个不会有数字在倒数的效果，如要实现一个数字倒数的过程，可以用以下代码：

[html]view plaincopy 
   
 <html>  
 <head>  
 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
 <title></title>  
 <script type="text/javascript">       
 function countDown(secs,surl){           
  var jumpTo = document.getElementById('jumpTo');  
  jumpTo.innerHTML=secs;    
  if(--secs>0){       
      setTimeout("countDown("+secs+",'"+surl+"')",1000);       
      }       
  else{         
      location.href=surl;       
      -ma  
      }       
  }       
 </script>   
 </head>  
   
 <body>  
 <h1>提交成功</h1>    
 <a href="http://www.so.com"><span id="jumpTo">3</span>秒后系统会自动跳转，也可点击本处直接跳</a>   
 <script type="text/javascript">  
     countDown(3,'http://www.so.com/');  
 </script>    
 </body>  
 </html>  