DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 基於JavaScript實現網頁倒計時自動跳轉代碼
基於JavaScript實現網頁倒計時自動跳轉代碼
編輯:關於JavaScript     

用JS實現網頁上的自動跳轉功能,倒計時跳轉至指定網頁,倒計時間可自設,時間到則自動跳轉到指定的網址,對於JS來說,實現該似乎挺簡單哦,用IIS上的301也可實現跳轉,以及mete標簽也可以實現自動跳轉,根據你自己的需要了。

<title>JS倒計時網頁自動跳轉代碼</title>  
<script language="JavaScript" type="text/javascript">
  function delayURL(url) {
    var delay = document.getElementById("time").innerHTML;
    if(delay > 0) {
      delay--;
      document.getElementById("time").innerHTML = delay;
    } else {
      window.top.location.href = url;
    }
    t = setTimeout("delayURL('" + url + "')", 1000);
  }
function stop1(){  
t && clearTimeout(t);
}
</script>
<span id="time" style="background: #00BFFF">1000</span>秒鐘後自動跳轉,如果不跳轉,請點擊下面的鏈接<a href="http://www.baidu.com">我的百度</a>
<input type="button" value="停止跳轉" onclick="stop1();">
<script type="text/javascript">
delayURL("http://www.baidu.com");
</script>

以上內容是小編給大家分享的基於JavaScript實現網頁倒計時自動跳轉代碼 ,希望大家喜歡。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved