js控制5秒后页面自动跳转

转载于 2012-06-01 20:05:00 发布 · 760 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Setme/archive/2012/06/01/2531264.html

文章标签：

#javascript #ViewUI

本文介绍了一种使用HTML和JavaScript实现网页自动跳转的方法，通过设置倒计时并在倒计时结束后自动跳转到指定URL，适用于网页导航或重定向场景。

<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+"')",5000);     
     }     
 else{       
     location.href=surl;     
     }     
 }     
</script> 
</head>
<body><span id="jumpTo">5</span>秒后自动跳转到http://www.baidu.com/
<script type="text/javascript">countDown(5,'http://www.baidu.com/');</script>  
</body>
</html>

转载于:https://www.cnblogs.com/Setme/archive/2012/06/01/2531264.html