jQueryでカウントダウン
カウントダウンタイマー
jQuery
$(function () {
var sec = 59;
var min = 59;
var hour = 23;
var timer = setInterval(function() {
// タイマー停止
if (hour == 0 && min == 0 && sec == 1) {
clearInterval(timer);
}
// カウントダウン
sec -= 1;
if (sec < 1 && min > 0) {
sec = 59;
min -= 1;
}
if (min < 1 && hour > 0) {
min = 59;
hour -= 1;
}
// 0埋め
sec_number = ('0' + sec).slice(-2);
min_number = ('0' + min).slice(-2);
hour_number = ('0' + hour).slice(-2);
$('#clock').html(hour_number + ':' + min_number + ':' + sec_number);
},1000);
});
HTML
<div id="clock">23:59:59</div>
サンプル
