当前位置: 代码迷 >> JavaScript >> 【JS 兑现页面N秒钟自动跳转】
  详细解决方案

【JS 兑现页面N秒钟自动跳转】

热度:109   发布时间:2012-08-28 12:37:01.0
【JS 实现页面N秒钟自动跳转】
注:这里的例子是5秒钟自动跳转

------------------------------------------------------------------------->

<!-- Place this in the 'head' section of your page. -->
<script language="JavaScript1.2" type="text/javascript">

function delayURL(url) {
var delay = document.getElementById("time").innerHTML;//取到id="time"的对象,.innerHTML取到对象的值
//alert(delay);
if(delay > 0) {
   delay--;
   document.getElementById("time").innerHTML = delay;
} else {
   window.location.href = url;//跳转到URL
    }
    setTimeout("delayURL('" + url + "')", 1000);    //delayURL() 就是每间隔1000毫秒 调用delayURL(url);
}
</script>


再要出现显示倒计时的位置 :

页面<span id="time">5</span>秒后,自动跳转。


在</body>前插入下面这段---------------------->

<script type="text/javascript">
delayURL("article.jsp"); //article.jsp 是N秒后要跳转的页面
</script>
  相关解决方案