DIV CSS 佈局教程網

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

復制代碼 代碼如下:
<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>

代碼很簡單,卻很實用,小伙伴們根據自己的需求放到自己項目中吧。

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