javascript学习指南_javascript页面自动跳转代码

更新时间:2017-12-25    来源:页面特效    手机版     字体:

【www.bbyears.com--页面特效】

最简单的办法就是在html页面头加上如下代码

 代码如下

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>



上面代码就显示倒计时效果,等0时就会自动跳转到指定的页面了。

本文来源:http://www.bbyears.com/wangyetexiao/38036.html

热门标签

更多>>

本类排行