タイマーを実施した際に表示が 2:59 と表示がされます。
これを 02:59 と0を足したくていろいろ試したんですけど
どれもダメでした。スライスが良いと聞いて試したんですけど
まったく動いてくれません。
どうかご指導お願いします。
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>カウントダウンタイマー</title> <link rel="stylesheet" href="timer2.css"> <script> var time = 180; function start_clicked() { document.getElementById('start').disabled = true; //console.log('start'); counter = setInterval(count_display,1000); } function stop_clicked() { document.getElementById('start').disabled = false; //console.log('stop'); clearInterval(counter); //console.log('stop2'); } function reset_clicked() { document.getElementById('start').disabled = false; time = 180; min.innerHTML = Math.floor(time / 60); sec.innerHTML = Math.floor(time % 60); clearInterval(counter); min = ("0" + min).slice(-); } function count_display() { var min = document.getElementById("min"); var sec = document.getElementById("sec"); if( time === 0){ min.innerHTML = "Time UP"; sec.innerHTML = "!"; } else { time-= 1; sec.innerHTML = time % 60; min.innerHTML = Math.floor(time / 60); } } window.onload = function() { var start_button = document.getElementById("start"); start_button.addEventListener("click", start_clicked, false); var stop_button = document.getElementById("stop"); stop_button.addEventListener("click", stop_clicked, false); var reset_button = document.getElementById("reset"); reset_button.addEventListener("click", reset_clicked, false); } </script> </head> <body> <div class=around> <p class="display"> <span id="min">03 :</span> <span id="sec">00</span> </p> <p> <input type=button id="start" value="スタート"> <input type=button id="stop" value="ストップ"> <input type=button id="reset" value="リセット"> </p> </div> </body> </html>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2016/05/15 17:35