javascript页面自动跳转代码
来源：自学PHP网
时间：2014-09-19 14:47 作者：
阅读:次
[导读] 今天要做一个404错误页面，意思就是当页面出错时进入错误处理页面，然后我们再在页面错误页面增加一个自动跳转功能，下面我总结了几种解决办法，有需要的朋友可参考。...
|
最简单的办法就是在html页面头加上如下代码
| 代码如下 |
复制代码 |
| <meta http-equiv="refresh" content="1;URL=http://www.111cn.net/"> |
1代码几秒，后右是你要跳转的地址
方法二
| 代码如下 |
复制代码 |
|
<script language="javascript">
function redirectUrl(redirectTime)
{
setTimeout("window.location.href='http://www.111cn.net';",redirectTime*1000);
}
self.onload=function(){
};
redirectUrl(3) //3就是3秒
</script>
|
另一种办法就是直接利用js的settimeout来实现，具体方法
| 代码如下 |
复制代码 |
|
<script>
var i=6;
var t;
function showTimer(){
if(i==0){//如果秒数为0的话,清楚t,防止一直调用函数,对于反应慢的机器可能实现不了跳转到 所以要清楚掉 setInterval()
window.location.href="http://www.111cn.net";
window.clearInterval(t);
}else{
i = i - 1 ;
// 秒数减少并插入 timer 层中
document.getElementById("timer").innerHTML= i;
}
}
// 每隔一秒钟调用一次函数 showTimer()
t = window.setInterval(showTimer,1000);
</script>
</head>
<body onload = "showTimer()">
<div id ="timer" style="color:#999;font-size:20pt;text-align:center"></div>
</body>
|
上面代码就显示倒计时效果，等0时就会自动跳转到指定的页面了。 |
