js实现页面定时跳转

来源：互联网发布：大数据 a股编辑：程序博客网时间：2024/05/21 06:53

其实很简单的一件事情，使用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>  

阅读全文

1 0