分・秒・ミリ秒までは実装しています
時(hour)まで実装したいと考えているのですが、処理が思いつきません
下記のコードを時(hour)まで表示できるようにご教授願います
JavaScript
1<script> 2 3 var status = 0; // 0:停止中 1:動作中 4 var time = 0; 5 var startBtn = document.getElementById("startBtn"); 6 var timerLabel = document.getElementById('timerLabel'); 7 8 // STARTボタン 9 function start(){ 10 11 status = 1; 12 13 startBtn.disabled = true; 14 15 timer(); 16 } 17 18 // STOPボタン 19 function stop(){ 20 21 status = 0; 22 23 startBtn.disabled = false; 24 } 25 26 function timer(){ 27 // ステータスが動作中の場合のみ実行 28 if (status == 1) { 29 setTimeout(function() { 30 time++; 31 32 // 分・秒・ミリ秒を計算 33 var min = Math.floor(time/100/60); 34 var sec = Math.floor(time/100); 35 var mSec = time % 100; 36 37 // 分が1桁の場合は、先頭に0をつける 38 if (min < 10) min = "0" + min; 39 40 // 秒が60秒以上の場合 例)89秒→29秒にする 41 if (sec >= 60) sec = sec % 60; 42 43 // 秒が1桁の場合は、先頭に0をつける 44 if (sec < 10) sec = "0" + sec; 45 46 // ミリ秒が1桁の場合は、先頭に0をつける 47 if (mSec < 10) mSec = "0" + mSec; 48 49 // タイマーラベルを更新 50 timerLabel.innerHTML = min + ":" + sec + ":" + mSec; 51 52 // 再びtimer()を呼び出す 53 timer(); 54 }, 10); 55 } 56 } 57 </script>
1秒 = 1000ミリ秒(100ではない)、1分 = 60秒、1時間 = 60分 なんだから、提示のコードを自分で考えて作成したのならそれほど難しくないはず。
回答1件
あなたの回答
tips
プレビュー