JavaScript倒計時跳轉或后退

有的時候用戶訪問到一個錯誤或不可訪問的頁面，我們可以做一些這樣的處理：倒計時N秒跳轉到另一個頁面或后退到前一個頁面。

你可直接前往DEMO頁看效果！

這種效果可以用JavaScript實現：

HTML

<p>
    <span id="timer"></span> 秒后自動返回
    <a href="http://www.qianduanzu.com/">直接跳轉</a>
</p>

JavaScript

window.onload = function(){
    var time = 3; //設置時間為幾秒
    var timer = document.getElementById('timer'); //獲取ID為timer的對象
    timer.innerHTML = time; //初始化顯示秒數
    time = time - 1;
    var g = window.setInterval(function(){
        if(time<0){
            window.clearTimeout(g); //清除動畫
            window.location.href = 'http://www.qianduanzu.com/'; //跳轉到指定地址
            //window.history.back(-1); //后退
        } else {
            showTime();
        }
    },1000);
    //顯示函數
    function showTime(){
        timer.innerHTML = time;
        time--;
    }
};

如果不想做這種動畫效果，而直接用HTML實現，如下：

<meta http-equiv="refresh" content="3;url=http://www.qianduanzu.com/">

Author:前端組