Javascript倒計時 支持自定義樣式

主要是ShowCountDown(2010, 08, 13, 'showData') 日期可以後臺綁定。

JS腳本：

<mce:script language="javascript" type="text/javascript"><!--
       var interval = 1000;
       function ShowCountDown(year, month, day, divname) {
           var now = new Date();
           //new Date(年，月，日，時，分，秒)
           var endDate = new Date(year, month - 1, day, 17, 30);
           var leftTime = endDate.getTime() - now.getTime();
           var leftsecond = parseInt(leftTime / 1000);
           var day1 = Math.floor(leftsecond / (60 * 60 * 24));
           var hour1 = Math.floor((leftsecond - day1 * 24 * 60 * 60) / 3600);
           var hour = Math.floor((leftsecond - 60 * 60) / 3600);
           //小時如果不大於0 顯示爲0
           if (hour > 0) {
           }
           else {
               hour = 0;
           }
           if (day1 < 0) {
               hour = hour1
           }
           var minute = Math.floor((leftsecond - day1 * 24 * 60 * 60 - hour1 * 3600) / 60);
           var second = Math.floor(leftsecond - day1 * 24 * 60 * 60 - hour1 * 3600 - minute * 60);
           var cc = document.getElementById(divname);
           //判斷是否到活動時間 如果到活動時間 全部默認顯示00：00：00
           if (leftTime > 0) {
               document.getElementById("daoYear").innerHTML = year + "年";
               document.getElementById("daoMonth").innerHTML = month + "月";
               document.getElementById("daoDay").innerHTML = day + "日";
               document.getElementById("daoji_s").innerHTML = hour + "時";
               document.getElementById("daoji_f").innerHTML = minute + "分";
               document.getElementById("daoji_m").innerHTML = second + "秒";
           }
           else {
               document.getElementById("daoYear").innerHTML = "0000" + "年";
               document.getElementById("daoMonth").innerHTML = "00" + "月";
               document.getElementById("daoDay").innerHTML = "00" + "日";
               document.getElementById("daoji_s").innerHTML = "00" + "時";
               document.getElementById("daoji_f").innerHTML = "00" + "分";
               document.getElementById("daoji_m").innerHTML = "00" + "秒";
           }
       }
       //showCountDown(年、月、日，Div ID)
       window.setInterval(function () { ShowCountDown(2010, 08, 13, 'showData'); }, interval);

/ --></mce:script>

 

 

Html:

<div id="showData">
           <table>
               <tr>
                   <td>
                       還有：
                   </td>
                   <td>
                       <div id="daoYear">
                           0000</div>
                   </td>
                   <td>
                       <div id="daoMonth">
                           00</div>
                   </td>
                   <td>
                       <div id="daoDay">
                           00</div>
                   </td>
                   <td>
                       <div id="daoji_s">
                           00</div>
                   </td>
                   <td>
                       <div id="daoji_f">
                           00</div>
                   </td>
                   <td>
                       <div id="daoji_m">
                           00</div>
                   </td>
               </tr>
           </table>
       </div>