首页 > 编程语言 > 详细

javascript自动跳转

时间:2014-07-29 15:39:19      阅读:409      评论:0      收藏:0      [点我收藏+]

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自动跳转

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!