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=‘" + url + "‘", time);

}

//-->

  </script>

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

    delayURL("bbs.jsp", 5000);

    </script>

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

    5秒后自动跳到主题列表，或点击<a href="bbs.jsp">立即</a>到主题列表。

2.动态秒数跳转

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

    <samp id="delay" style="color: red;">5</samp>秒后自动跳到主题列表，或点击<a         href="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=url;

}

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

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

}

  </script>

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

    <script  type="text/javascript">

    delayURL("bbs.jsp");

    </script>

javascript自动跳转,布布扣,bubuko.com

javascript自动跳转

标签：javascript

原文地址：http://yinzheyihao.blog.51cto.com/2100950/1531807