javascript兑现页面在指定秒后调转，并显示还有几秒
日期：2014-05-16 浏览次数：20366 次
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>
整体的效果如下：
并且数字5会每过1秒就减少1，直到为0时，刚好跳转到你指定的页面，
当然数字5也是可以设置的，
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
