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

发布时间:2020-06-03编辑:脚本学堂
本文介绍下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.jb200.com
}
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.jb200.com" 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.jb200.com";
  }       
}
</script>

相关链接: