首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

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

2012-12-25 
javascript实现页面在指定秒后调转,并显示还有几秒通常我们在注册时,当我们注册成功后,会出现一个提醒页面

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>

整体的效果如下:

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

并且数字5会每过1秒就减少1,直到为0时,刚好跳转到你指定的页面,

当然数字5也是可以设置的,

热点排行