js实现页面定时跳转

原创 2013年12月06日 10:21:27

刚使用了一个用js实现定时跳转的功能,这里做一下学习记录。


其实很简单的一件事情,使用js提供的setTimeout()函数则可以完成了。

下面是简单的代码实现:

<html>
<head></head>

<body>
<h1>提交成功</h1>  
<a href="http://www.so.com">3秒后系统会自动跳转,也可点击本处直接跳</a> </div></div></div> 
<script>
function jumpurl(){
  location='http://www.so.com';
}
setTimeout('jumpurl()',3000);
</script> 

</body>
</html>

当然,上面那个不会有数字在倒数的效果,如要实现一个数字倒数的过程,可以用以下代码:


<html>
<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+"')",1000);     
     }     
 else{       
     location.href=surl;     
	 -ma
     }     
 }     
</script> 
</head>

<body>
<h1>提交成功</h1>  
<a href="http://www.so.com"><span id="jumpTo">3</span>秒后系统会自动跳转,也可点击本处直接跳</a> 
<script type="text/javascript">
	countDown(3,'http://www.so.com/');
</script>  
</body>
</html>


版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

JSP实现界面的自动跳转的几种方式

下面来谈一谈在jsp中实现的几种界面自动跳转的方法。使用JavaScript脚本 function out(obj){ var i=obj; if(i==0) document.locati...

打开jsp/html,3秒后自动跳转

打开一个页面,过几秒跳转,一般会应用在某些操作成功或者失败之后,给出提示,然后跳回到别的页面。比如你注册成功或者失败后,添加成功后者失败后。效果稍微好点儿的,会用隐藏域或者ajax在页面上直接提示并刷...

Jquery实现页面定时跳转

<meta content="text/html; charset=utf-8" http-equiv="Conte

HTML页面-------3秒之后自动跳转的3种常用的实现方式

在练习中,我们常常遇到一种问题就是,怎么实现页面N秒之后自动跳转呢? 我自己遇到问题和查找资料,总结了3个方法 方法1: 最简单的一种:直接在前面里面添加代码:  //3秒之后自动跳转到...

倒计时页面跳转、jsp 中如何使页面停留几秒后再转向其他页面

倒计时页面跳转、jsp 中如何使页面停留几秒后再转向其他页面 请勿重复提交您的信息!谢谢! var time = 4; function returnU...
  • dajbd
  • dajbd
  • 2012-11-25 00:30
  • 9474

JSP实现几秒后自动跳转某页面并页面上显示时间在走动

开始前解释两个概念: 1、 setTimeout (表达式,延时时间) setTimeout(表达式,交互时间) 延时时间/交互时间是以豪秒为单位的(1000ms=1s) setTimeou...

让jsp页面自动跳转方法

在做ilearing自动系统登录时,需要对传入参数做处理,所以中间需要加一个中间页面,处理完后让自动跳转到系统首页1.用window.location.href,让页面加载时自动运行js window...

jsp实现页面倒计时跳转到指定页面

pageEncoding="UTF-8"%> String path = request.getContextPath(); String basePath = request.getSc...

JSP页面跳转的几种实现方法

初衷:将登录用户的用户名 密码form提交到页面2(jsp就是servlet  提交到servlet的就不说了) 由页面2判断用户名密码的正确性继而决定跳转的方向 下面是几种实现方法 使用href超...

JS定时跳转页面

JS定时跳转页面
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)