用JavaScript做一個秒殺倒計時效果

現在電子商務紅紅火火的，什麼秒殺，限時什麼的，JavaScript的倒計時用得很廣泛。下面就來做一個倒計時效果，先來看效果。

效果示範

隨便寫的代碼，還有待改進。下面是原始碼：

JavaScript Code

<script type="text/javascript" language="javascript">//總時間，以分為單位var time = 100;//小時var h = parseInt(time / 60) > 0 ? parseInt(time / 60) : 0;//分var m = time % 60;//秒var s = 60;//輸出到當前Script的Dom位置document.write('<span>限時秒殺，還剩餘<font id="f_hh">' + h + '</font>小時<font id="f_mm">' + m + '</font>分<font id="f_ss">' + s + '</font>秒</span>');//開始執行倒計時var timeInterval = setInterval(function () {//如果時、分、秒都為0時將停止當前的倒計時if (h == 0 && m == 0 && s == 0) { clearInterval(timeInterval); return; }//當秒走到0時，再次為60秒if (s == 0) { s = 60; }if (s == 60) {//每次當秒走到60秒時，分鐘減一      m -= 1;    //當分等於0時並且小時還多餘1個小時的時候進裡面看看      if (m == 0 && h > 0) {          //小時減一          h -= 1;          //分鐘自動預設為60分             m = 60;         //秒自動預設為60秒             s = 60;        }}//秒繼續跳動，減一     s -= 1;      //小時賦值      document.getElementById('f_hh').innerHTML = h;      //分鐘賦值 document.getElementById('f_mm').innerHTML = m;  //秒賦值      document.getElementById('f_ss').innerHTML = s;}, 1000);</script>