js 3秒后跳转页面实例代码
用js脚本实现隔多少秒后自动跳转到其它页,分享两个实现方法。
方法一:
在<head></head>之间加入js
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>。
方法二:
系统将在 <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跳转,及延时跳转代码