Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 js 3秒后跳转页面实例代码

js 3秒后跳转页面实例代码

发布时间:2015-06-09   编辑:www.jquerycn.cn
本文介绍下js 3秒后跳转页面的实现代码,js页面跳转的实现方法,有需要的朋友参考下。

用js脚本实现隔多少秒后自动跳转到其它页,分享两个实现方法。

方法一:
在<head></head>之间加入js
 

复制代码 代码示例:
<script language="javascript">
var secs = 3; //倒计时的秒数
var URL ;
function Load(url){
URL = url;
for(var i=secs;i>=0;i--)
{
   window.setTimeout('doUpdate(' + i + ')', (secs-i) * 1000);
} //整理 www.jquerycn.cn
}
function doUpdate(num)
{
document.getElementById('ShowDiv').innerHTML = '将在'+num+'秒后自动跳转到主页' ;
if(num == 0) { window.location = URL; }
}
</script>
 

然后,在<body>中添加<body onload="Load('index.asp')">,index.asp为要跳转的页面。
在<body></body>之间加上<div id="ShowDiv"></div>。

方法二:
 

复制代码 代码示例:
<p style="text-indent: 2em; margin-top: 30px;">
系统将在 <span id="time">5</span> 秒钟后自动跳转至新网址,如果未能跳转,<a href="http://www.jquerycn.cn" title="点击访问">请点击</a>。</p>
<script type="text/javascript"> 
delayURL();   
function delayURL() {
var delay = document.getElementById("time").innerHTML;
var t = setTimeout("delayURL()", 1000);
if (delay > 0) {
   delay--;
   document.getElementById("time").innerHTML = delay;
 } else {
   clearTimeout(t);
   window.location.href = "http://www.jquerycn.cn";
  }       
}
</script>

相关链接:

js倒计时与N秒后跳转页面的代码 js页面跳转方法示例代码 js 控制页面跳转的五种方法 js实现页面跳转的代码举例 select下拉列表框中超链接跳转的代码一例 js 倒计时多少秒后跳转页面的实例代码 js页面跳转方式 js页面跳转举例 js页面跳转 option location页面跳转的代码实例 js跳转页面方法

您可能感兴趣的文章:
js 3秒后跳转页面实例代码
js 控制页面跳转的五种方法
js实现用户登录自动跳转的代码
PHP页面定时跳转实现方法
php url重定向(页面跳转)的代码
js 倒计时多少秒后跳转页面的实例代码
网页页面自动刷新三种方法
JavaScript页面跳转的几种方式(注释版)
php页面跳转与定时跳转页面方法
PHP实现301跳转,及延时跳转代码

关键词: js页面跳转  页面跳转   
[关闭]