JQuery按照指定長度為數字前面補零
function PrefixInteger(num, length) {
return (Array(length).join('0') + num).slice(-length);
}
PrefixInteger(8,2); 傳回08,表示長度為2,數字8前面補一個0。
var rest = 4350859; //時間戳
console.log(rest);
$day = Math.floor(rest/(60*60*24));
console.log($day);
$hour = Math.floor((rest - $day * (60*60*24))/(60*60));
console.log($hour);
$minite = Math.floor((rest - $day * (60*60*24) - $hour * (60*60))/60);
console.log($minite);
$second = Math.floor(rest - $day * (60*60*24) - $hour * (60*60) - $minite * 60);
console.log($second);
$day = PrefixInteger($day,2);
$hour = PrefixInteger($hour,2);
$minite = PrefixInteger($minite,2);
$second = PrefixInteger($second,2);
$("#my_day").html($day);
$("#my_hour").html($hour);
$("#my_minite").html($minite);
$("#my_second").html($second);
window.setInterval(function(){
rest--;
console.log(rest);
$day = Math.floor(rest/(60*60*24));
console.log($day);
$hour = Math.floor((rest - $day * (60*60*24))/(60*60));
console.log($hour);
$minite = Math.floor((rest - $day * (60*60*24) - $hour * (60*60))/60);
console.log($minite);
$second = Math.floor(rest - $day * (60*60*24) - $hour * (60*60) - $minite * 60);
console.log($second);
$day = PrefixInteger($day,2);
$hour = PrefixInteger($hour,2);
$minite = PrefixInteger($minite,2);
$second = PrefixInteger($second,2);
$("#my_day").html($day);
$("#my_hour").html($hour);
$("#my_minite").html($minite);
$("#my_second").html($second);
},1000);
html代碼:
<ul class="countdown">
<li> <span class="days" id="my_day">00</span>
<p class="days_ref">天</p>
</li>
<li class="seperator">.</li>
<li> <span class="hours" id="my_hour">00</span>
<p class="hours_ref">時</p>
</li>
<li class="seperator">:</li>
<li> <span class="minutes" id="my_minite">00</span>
<p class="minutes_ref">分</p>
</li>
<li class="seperator">:</li>
<li> <span class="seconds" id="my_second">00</span>
<p class="seconds_ref">秒</p>
</li>
</ul>