JavaScript倒計時跳轉或後退

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

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

這種效果可以用JavaScript實現：

HTML

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

JavaScript

 1 window.onload = function(){ 2     var time = 3; //設定時間為幾秒 3     var timer = document.getElementById('timer'); //擷取ID為timer的對象 4     timer.innerHTML = time; //初始化顯示秒數 5     time = time - 1; 6     var g = window.setInterval(function(){ 7         if(time<0){ 8             window.clearTimeout(g); //清除動畫 9             window.location.href = 'http://www.qianduanzu.com/'; //跳轉到指定地址10             //window.history.back(-1); //後退11         } else {12             showTime();13         }14     },1000);15     //顯示函數16     function showTime(){17         timer.innerHTML = time;18         time--;19     }20 };

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

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

Author:前端組