javascript兑现页面在指定秒后调转，并显示还有几秒-JavaSript-爱易网页

javascript兑现页面在指定秒后调转，并显示还有几秒

日期：2014-05-16　浏览次数：20451 次

javascript实现页面在指定秒后调转，并显示还有几秒

通常我们在注册时，当我们注册成功后，会出现一个提醒页面，提醒我们注册成功，

然后再指定的时间，比如5秒跳转到登陆页面

首先要在body中加上一个载入函数

<body onload="loadPage()">
   <br/><br/><br/><br/>
   <center>
   <h1><font color="red">Register successful!</font></h1><br/>
   
   <h3><font color="red">恭喜你!注册成功!</font></h3>
   
   <font id="num" size="6">5</font> 秒后前往登录页面<br><br/>
   
   如果不跳转,请点击  <a href="index.jsp">这里</a>  登录
   
   </center>

</body>

然后再加上如下javascript代码

<script type="text/javascript">
	
	var timeId;
	
	function loadPage(){
		timeId=setInterval("countDown()",1000);
	}
	
	var sec=5;
	
	function countDown(){
		if(sec>0){
			document.getElementById("num").innerHTML=sec--;
		}
		else{
			clearInterval(timeId);
			window.location.href="top.loginedindex.jsp"
		}
	}
	
	</script>

整体的效果如下：