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

lgx06

于 2012-12-06 19:58:47 发布

阅读量1.1k

点赞数 1

分类专栏： JavaScript 文章标签： javascript JavaScript Javascript

本文链接：https://blog.csdn.net/lengguoxing/article/details/8266717

版权

JavaScript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

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

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

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

<body οnlοad="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也是可以设置的，

lgx06

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
javascript实现页面在指定秒后调转，并显示还有几秒

通常我们在注册时，当我们注册成功后，会出现一个提醒页面，提醒我们注册成功，然后再指定的时间，比如5秒跳转到登陆页面首先要在body中加上一个载入函数 Register successful! 恭喜你!注册成功! 5 秒后前往登录页面如果不跳转,请点击这里登录然后再加上如下javascript
复制链接

扫一扫

专栏目录