首页 > 代码库 > javascript自动跳转

javascript自动跳转

1.静态的秒数跳转

<script language="JavaScript1.2" type="text/javascript">

<!--

//  Place this in the ‘head‘ section of your page.  

//url要跳转的页面  time等待时间,单位为毫秒。

function delayURL(url, time) {

   setTimeout("top.location.href=http://www.mamicode.com/‘" + url + "‘", time);

}

//-->


  </script>



 

<script language="JavaScript1.2" type="text/javascript">

    delayURL("bbs.jsp", 5000);

    </script>

    <!-- Place this in the ‘body‘ section -->

    5秒后自动跳到主题列表,或点击<a href="http://www.mamicode.com/bbs.jsp">立即</a>到主题列表。


2.动态秒数跳转

    <!--  用samp标签定义id和字体颜色 -->

    <samp id="delay" style="color: red;">5</samp>秒后自动跳到主题列表,或点击<a         href="http://www.mamicode.com/bbs.jsp">立即</a>到主题列表。

    

    <!-- script代码块 -->

    <script language="JavaScript1.2" type="text/javascript">

function delayURL(url) {

//得到samp的值

var delay = document.getElementById("delay").innerHTML;

//alert(delay);

if(delay>1){

delay--;

//重新设置samp的值,实现秒数的动态效果

document.getElementById("delay").innerHTML = delay;

}else{

//alert(url);

//跳转到url页面

window.top.location.href=http://www.mamicode.com/url;

}

//setTimeout("",1000)参数格式,第一个参数要用双引号

   setTimeout("delayURL(‘"+url+"‘)",1000);

}

  </script>

  <!-- 调用自动跳转方法 传入url -->

    <script  type="text/javascript">

    delayURL("bbs.jsp");

    </script>