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>

サンプル

最新の記事

プロフィール

流されるままにウェブ業界で仕事しています。
主にLAPP環境でPHPを書いています。
最近はjQueryをよく書いています。