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>


js控制n秒后跳转到指定页面,并显示倒计时

setTimeout //设定倒数秒数 var t = 10; //显示倒数秒数 function showTime(){ ...

JS实现倒计时三秒跳转后到新页面

为了是网站的页面更友好,更加人性化,我们往往会在操作错误或是成功的时候进行提示然后跳转到相应的页面。同时为了使页面更加美化,我们往往会加上倒计时跳转功能,也就是使网页上的秒杀呈现倒数显示。下面就是具体...

HTML 定时页面跳转

有 2 种方法可以实现 html 的定时页面跳转,1、meta refresh 实现。2、JavaScript 实现。原文传送门 1、通过 meta refresh 实现 3 秒后自动跳转到 h...
  • yy243
  • yy243
  • 2016年10月11日 09:04
  • 675

js定时器setInterval()与setTimeout()区别、10秒自动跳转

js定时器setInterval()与setTimeout()区别、10秒自动跳转 Html代码   div class="jf_register">       h2>...

Jquery实现页面定时跳转

jquery setTimeout()几秒钟后跳转网页

JS  停留几秒钟后跳转网页

延时(倒计时)页面跳转功能

在我们开发网站时通常要用到页面的跳转,当然跳转的时候就会分为瞬时跳转和延时跳转,延时跳转中还有倒计时跳转。下面就来说说实现方式。 瞬时跳转2种方法: 第一种通过内置函数:header("loc...

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

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

页面定时跳转【JS】

编程练习 制作一个跳转提示页面: 要求: 1. 如果打开该页面后,如果不做任何操作则5秒后自动跳转到一个新的地址,如慕课网主页。 2. 如果点击“返回”按钮则返回前一个...

js实现页面定时跳转

function show_time(t) { var time = t; time -= 1; document.getElementById("time").value = time; ...
  • amberom
  • amberom
  • 2014年07月25日 14:49
  • 388
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js实现页面定时跳转
举报原因:
原因补充:

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