js定时跳转页面程序代码收集
来源：自学PHP网
时间：2014-09-19 14:47 作者：
阅读:次
[导读] 前面我讲过js中页面跳转代码收集了，下面我来给大家介绍js中页面定时跳转或刷新的js代码，希望此方法对各位同学有帮助。...
|
1、定时跳转我们就是使用setTimeout来实例
| 代码如下 |
复制代码 |
|
<span id="tiao">3</span><a href="javascript:countDown"></a>秒后自动跳转……
<!--脚本开始-->
<script language="javascript" type="">
function countDown(secs){
tiao.innerText=secs;
if(--secs>0)
setTimeout("countDown("+secs+")",1000);
}
countDown(3);
</script>
|
2、页面自动跳转：把如下代码加入<head>区域中
| 代码如下 |
复制代码 |
|
<meta http-equiv="refresh" content="20;url=http://www.111cn.net">
|
3、同样使用setTimeout来实例，一个注册之后过几步自动跳转的实例
| 代码如下 |
复制代码 |
|
<script type="javascript">
<!--
var duration=2900;
var endTime = new Date().getTime() + duration + 100;
function interval()
{
var n=(endTime-new Date().getTime())/1000;
if(n<0) return;
document.getElementById("timeout").innerHTML = n.toFixed(3);
setTimeout(interval, 10);
}
window.onload=function()
{
setTimeout("window.location.href='index.asp'", duration);
interval();
}
//-->
</script>
<html>
<head>
<title>齐飞</title>
</head>
<body>
<form id="form">
<div>
恭喜您已注册成功！<br />
系统在 <span id="timeout">3.000</span> 秒后 将自动跳转到 <a href="index.asp">社区首页</a>
</div>
</form>
</body>
</html>
|
相关阅读：js页面跳转代码。 |
