jQueryでカウントアップ

カウントアップタイマー

jQuery

$(function () { var sec = 0; var min = 0; var hour = 0; setInterval(function() { // カウントアップ sec += 1; if (sec > 59) { sec = 0; min += 1; } if (min > 59) { min = 0; 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">00:00:00</div>

サンプル

最新の記事

プロフィール

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