質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.37%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

1回答

511閲覧

JS timer resetボタン について

Nm110819

総合スコア0

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

0クリップ

投稿2020/05/31 12:06

前提・実現した

今回、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;
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" }
</script> </head> <body> <div id="timer"></div> <button id="start">start</button> <button id="stop">stop</button> <button id="reset">reset</button> </body>
ソースコード

試したこと

ここに問題に対して試したことを記載してください。

補足情報(FW/ツールのバージョンなど)

ここにより詳細な情報を記載してください。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kei344

2020/05/31 12:35

(質問文は編集できます)質問文のコードはコードブロックで囲んでいただけませんか? ```(バッククオート3つ)で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。
guest

回答1

0

時刻を表示するときに分、秒はcountから計算していますよね。
ではresetで元に戻すべき変数は…?

投稿2020/05/31 14:05

hope_mucci

総合スコア4447

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.37%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問