網頁實現自動跳轉

兩種實現自動跳轉的的方法：

第一種方法，沒有剩余秒數顯示。

<meta http-equiv=refresh content='5;url="http://xxxx.com/"' />

第一種網頁自動跳轉方法：meta refresh自動跳轉法 在網頁的head區域的meta refresh標簽中，加入自動跳轉代碼，可實現網頁的立即或延時自動跳轉。 示例如下： <meta http-equiv="refresh" content="10;url= http://xxxx.com/ "> 上述html代碼中的“10”是延時跳轉的時間，單位是秒。如果設為0，就表示立即跳轉。“ http://xxxx.com/ ”是跳轉的目標地址，可以是同一域名下的站內相對路徑，也可以是不同域名的站外地址。 由于搜索引擎能夠讀取html，所以對于這種自動跳轉方法，搜索引擎是能夠自動檢測出來的。 被視為作弊，則主要看跳轉時間。如果跳轉時間為0，就可能會被視為作弊，從而受到懲罰。如果有時間延遲（一般3秒以上），就會被視為正常應用。

第二種跳轉方法，有剩余秒數顯示。

    <script type="text/javascript">
     var duration = 10000;
        var timer = null;
        var endTime = new Date().getTime() + duration;
        function interval() {
            var timeSecond = (endTime - new Date().getTime()) / 1000;
            if (timeSecond  < 0) return;
            //toFixed() 方法可把 Number 四舍五入為指定小數位數的數字。
            $("#timeout").text(timeSecond .toFixed(0));
            setTimeout(interval, 10);
        }
        function stopJump() {
            clearTimeout(timer);
            $("#jumphint").style.display = "none";
        }
        window.onload = function() {
            timer = setTimeout("window.location., duration);
            interval();
        }
        </script>
        
        <span id="jumphint">系統在 <span id="timeout"></span> 秒后 將自動到首頁</span>

setTimeout( ) 是屬于 window 的 method, 但我們都是略去 window 這頂層物件名稱, 這是用來設定一個時間, 時間到了, 就會執行一個指定的 method。請先看以下一個簡單, 這是沒有實際用途的例子, 只是用來示范 setTimeout( ) 的語法。

<script>
setTimeout("alert('對不起, 要你久候')", 3000 )
</script>

setTimeout( )是設定一個指定等候時間 (單位是千分之一秒, millisecond), 時間到了, 瀏覽器就會執行一個指定的 method 或 function, 有以下語法:

今次例子是設定等 3 秒 (3000 milliseconds), 瀏覽器就會執行 alert( ) 這一個method。

setTimeout() 方法用于在指定的毫秒數后調用函數或計算表達式。

參考：

 http://www.w3school.com.cn/jsref/met_win_settimeout.asp