网站地图    收藏   

主页 > 前端 > javascript >

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时就会自动跳转到指定的页面了。

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论