js实现页面定时跳转

最新推荐文章于 2024-03-27 22:25:35 发布

AB-OB

最新推荐文章于 2024-03-27 22:25:35 发布

阅读量1k

点赞数

分类专栏： JavaWeb JavaScript

JavaWeb 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

JavaScript

3 篇文章 0 订阅

订阅专栏

使用js提供的setTimeout（）函数则可以完成了。

下面是简单的代码实现：

[html]view plain copy 
   
 
 <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 plain copy 
   
 
 <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>  

AB-OB

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js实现页面定时跳转

使用js提供的setTimeout（）函数则可以完成了。下面是简单的代码实现：[html] view plain copy html> head>head> body> h1>提交成功h1> a href="http://www.so.com">3秒后系统会自动跳转，也可点击本处直接跳a> div>
复制链接

扫一扫