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

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

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

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

Q&A

解決済

1回答

2535閲覧

タイマーの0埋め

chucky

総合スコア24

JavaScript

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

0グッド

1クリップ

投稿2016/05/15 13:13

タイマーを実施した際に表示が 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>

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

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

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

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

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

guest

回答1

0

ベストアンサー

js

1function zero_padding(number, digit){ 2 var str = ''; 3 for(var i=0; i<digit; i++){ 4 str += '0'; 5 } 6 str += number; 7 return str.slice(digit*-1); 8}

を追加しておいて使用するときは

js

1min.innerHTML = zero_padding(Math.floor(time / 60)); 2sec.innerHTML = zero_padding(Math.floor(time % 60));

こんな感じでしょうか

投稿2016/05/15 13:28

退会済みユーザー

退会済みユーザー

総合スコア0

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

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

退会済みユーザー

退会済みユーザー

2016/05/15 17:35

すみません少し間違ってました。 min.innerHTML = zero_padding(Math.floor(time / 60),2); sec.innerHTML = zero_padding(Math.floor(time % 60),2); ですね
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問