2016-11-21 21 views
-4

これはカウントダウンタイマーです。 var timerの仕組みを理解できません。各間隔の後にその設定値は何ですか?タイマーはどのように分と秒を生成しますか?このコードがどのように動作するのかを段階的に解説する人がいますか?こここのコードのいくつかの説明が必要です

minutes = parseInt(timer/60, 10); 
    seconds = parseInt(timer % 60, 10); 

    minutes = minutes < 10 ? "0" + minutes : minutes; 
    seconds = seconds < 10 ? "0" + seconds : seconds; 

は完全なコードである:

function startTimer(duration, display) { 
    var timer = duration, minutes, seconds; 
    setInterval(function() { 
     minutes = parseInt(timer/60, 10); 
     seconds = parseInt(timer % 60, 10); 

     minutes = minutes < 10 ? "0" + minutes : minutes; 
     seconds = seconds < 10 ? "0" + seconds : seconds; 

     display.textContent = minutes + ":" + seconds; 

     if (--timer < 0) { 
      timer = duration; 
     } 
    }, 1000); 
} 

window.onload = function() { 
    var fiveMinutes = 60 * 5, 
     display = document.querySelector('#time'); 
    startTimer(fiveMinutes, display); 
+0

具体的に何を知っておく必要がありますか?それはすべての秒で繰り返されます - >分をタイマーから取得し、秒から秒を取得し、値が10未満の場合は0を追加し、選択したhtml要素の値を表示し、 1を使ってタイマーを減らす – Icepickle

+0

@Icepickleなぜタイマーはvar timer = duration、seconds、minutesのように宣言されていますか? – dadadodo

答えて

1
minutes = parseInt(timer/60, 10); 

分間(分に秒)60で割った電流の合計の秒数です。

例:65/60 = 1分。整数部分だけを保持します。

seconds = parseInt(timer % 60, 10); 

秒は、現在の総秒数カウンタのモジュール60として計算されます。

例:65%60 = 5(1分、5秒)

[2行目のparseIntが不要であることに注意してください。]

var timer = duration, seconds, minutes; 

このように書くこともできます。

var timer = duration; 
var seconds; 
var minutes; 
+1

ありがとう、しかし、私の質問は、varタイマーがdecleredされている方法についてより多くのものでしたなぜvar timer = duration、minutes、seconds? – dadadodo

+0

何が問題なのですか? –

+0

今、私はあなたが答えのためにお礼を編集するのを見ました – dadadodo

0

var timer = duration, seconds, minutesは、最初の変数のみを初期化して3つの変数を宣言します。文章と同じです:

var timer = duration; 
var seconds; 
var minutes; 
1

javascriptで一度に複数の変数を宣言してインスタンス化できます。

var a, 
    b, 
    c; 

もあなたもそう

var timer = duration, seconds, minutes; 

を変数をintializeでき

var a; 
var b; 
var c; 

と同じである

var timer = duration; 
var seconds; 
var minutes; 
(@Lorenzoは、すでに述べたように)

を書くことと同じです
関連する問題