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

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

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

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

解決済

javascriptにて3分のカウトダウンタイマーを作成してます。動きません。。

zer0312
zer0312

総合スコア0

JavaScript

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

2回答

-6評価

1クリップ

6閲覧

投稿2019/08/28 01:26

編集2022/01/12 10:58
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>timer</title> <script> var interval_id; function timer_start(){ interval_id=setInterval(count_down,1000); } var time =180; var min =0; var sec =0; var timer =document.getElementById('timer');
function count_down(){ if(time>0){ min=Math.floor(time/60); sec=(time%60); --time; timer.innerHTML=(min+":"+sec); }else { timer.innerHTML="TIME UP"; clearInterval(interval_id); } } function stop_push(){ clearInterval(interbal_id); } function reset_button(){ min=Math.floor(time/60); sec=(time%60); timer.innerHTML=(min+":"+sec); } window.onload=function(){ var start = document.getElementById('start'); start.addEventListener("click",timer_start,false); var stop = document.getElementById('stop'); stop.addEventListener('click',stop_push,false); var reset = document.getElementById('reset'); reset.addEventListener('click',reset_button,false); } </script> </head> <body> <div id="timer">03:00</div> <button id="start">スタート</button> <button id="stop">ストップ</button> <button id="reset">リセット</button> </body>
</html>

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

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

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

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

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

miyabi_takatsuk
miyabi_takatsuk

2019/08/28 01:29

コードは、マークダウン形式で記載しましょう。 投稿ツールの<code>ボタンで挿入される文字列の中にコードを入れると、できます。
m.ts10806
m.ts10806

2019/08/28 01:36

>動きません。。 「動かない」「ダメでした」「うまくいきません」などは他者に起きていることは何も伝わらないので 実際に起きている現象を記載してください。「何も起きない」のでしたらいくつか理由があるので、 例えばブラウザ開発ツールのコンソールでエラーが出ていない確認するとか、 「通っているであろう処理」にconsole\.log\(1\);とか入れてコンソール出力を確認してみるとか、デバッグしてみてください。 https://teratail\.com/help/question-tips#questionTips3-4-1
azuapricot
azuapricot

2019/08/28 01:36

コードとタイトルで要件を書くだけじゃなくて、質問文に具体的にどうやったんだけどどうなったっていうのを記載したほうがよいかと思います。 先生や上司にコードだけ見せたらどうなりますか?「で?どうしてほしいの?」OR「一言もないの?」って言われちゃいますよね。それと同じです。
yamap55
yamap55

2019/08/28 01:44

関連した質問に同じ内容の質問もありますので見ると色々勉強になるかと思います。(っというか、このお題はどこが出してるんですか??)
miyabi_takatsuk
miyabi_takatsuk

2019/08/28 01:46

エスパー回答してしまった・・・。 質問者さん、具体的な質問に修正をお願いします。 また、マークダウン形式にまだなっていませんよ。 挿入された文字列の間、"コード"という文字の部分にコードをペーストしてください。
m.ts10806
m.ts10806

2019/08/28 01:49

reset\.addEventListener\('click',reset_button,false\); でteratail内検索するとまぁまぁありますね
m.ts10806
m.ts10806

2019/08/28 02:09

>動きません。。 「動かない」「ダメでした」「うまくいきません」などは他者に起きていることは何も伝わらないので 実際に起きている現象を記載してください。「何も起きない」のでしたらいくつか理由があるので、 例えばブラウザ開発ツールのコンソールでエラーが出ていない確認するとか、 「通っているであろう処理」にconsole\.log\(1\);とか入れてコンソール出力を確認してみるとか、デバッグしてみてください。 https://teratail\.com/help/question-tips#questionTips3-4-1
querykuma
querykuma

2019/08/28 02:39

ブラウザは何を使ってます? もしChromeかFirefoxならエラーの見方についてアドバイスできるかもしれません。
zer0312
zer0312

2019/08/28 02:40

クロームを使用しております。
m.ts10806
m.ts10806

2019/08/28 02:41

なるほど。 質問ではなく作業依頼ということですね。
querykuma
querykuma

2019/08/28 02:52 編集

クロームのデベロッパーツールを起動してください。 スタートを押したら「Console」にエラーがでます。 「Sources」の「{}」のPretty Print(きれいに表示)を押したらプログラムが見やすくなります。 interbal_idをinterval_idに直すのはエラーを見ればわかります。 デベロッパーツールは機能がいっぱいあるので検索して調べてみてください。 QiitaやteratailやGitHubを使うならマークダウンの書き方を学びましょう。 ```html <html></html> ```
azuapricot
azuapricot

2019/08/28 02:51

回答してもらってさらにここ違うんだけどはすごい失礼ですねぇ 動かないっていう質問だから動くようになったら要件クリアですけど
m.ts10806
m.ts10806

2019/08/28 03:17

同じやり方してると誰もアドバイスしなくなりますのでご注意を。 詳しくはサイトのヘルプから各ガイドライン熟読してください。 マナー、ルールです。守れない人がどうなるかは分かりますよね
dit.
dit.

2019/08/29 01:09

何度も言われているのに一向に直ってないのでもう一度指摘します。 tetatailにはコードを見やすくするための仕組みがあります。(皆さんが「コードブロックにしてくれ」と言っているもの) ```html ここにコード ``` という形にしてください。HTMLでいう、タグみたいなものです。 <div>ここに内容</div>みたいなものですが、改行を入れないとうまくいきません。 パソコンからの編集なら右側にプレビューが出ているはずなので確認しながら対処してください。

まだ回答がついていません

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

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

ただいまの回答率
87.20%

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

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

質問する

関連した質問

同じタグがついた質問を見る

JavaScript

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