前提・実現した
今回、JSでtimerを作りました。
発生している問題・エラーメッセージ
RESETボタンの所で苦戦しています。RESETボタンを押しても、表示は03:00になりますが、そのあとでSTARTボタンを押すと、うまく表示されません。私が記述したtimerコードをどのように直せばRESETボタンがきちんと起動するのか教えてください。よろしくお願いします。
エラーメッセージ
該当のソースコード
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>timer</title> <script> var count = 180; var timeId;</script> </head> <body> <div id="timer"></div> <button id="start">start</button> <button id="stop">stop</button> <button id="reset">reset</button> </body>window.onload = function() { var start = document.getElementById("start"); start.addEventListener("click", startFunc, false); var stop = document.getElementById("stop"); stop.addEventListener("click", stopFunc, false); var reset = document.getElementById("reset"); reset.addEventListener("click", resetFunc, false); } function startFunc() { timeId = setInterval(runTimer, 1000); } var min = 0; var sec = 0; function runTimer() { var timer = document.getElementById("timer"); if (count > 0) { var min = Math.floor(count / 60); var sec = count % 60; timer.innerHTML = ("0" + min).substr(-2) + ":" + ("0" + sec).substr(-2); } else { timer.innerHTML = "Time Up!!"; clearInterval(timeId); } count--; } function stopFunc() { clearInterval(timeId); } function resetFunc() { clearInterval(timeId); min = 0; sec = 0; var time=document.getElementById("timer"); time.innerHTML = "03:00" }
ソースコード
試したこと
ここに問題に対して試したことを記載してください。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
(質問文は編集できます)質問文のコードはコードブロックで囲んでいただけませんか? ```(バッククオート3つ)で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。