javascriptでカウントダウンタイマーを作成する方法

私は25分のタイマーが必要です。これは0までカウントされます。私は多くのチュートリアルを見つけましたが、私が見つけたすべてのチュートリアルには説明がありません。javascriptでカウントダウンタイマーを作成する方法

これは私が最も有用と思ったリンクです。誰かがどのように機能するのか説明できますか？ The simplest possible JavaScript countdown timer?

編集：コピーしたくない&コードを貼り付けます。私はそれを理解したい。

出典

2017-10-04 Jagarmarten

ヘルプセンターの[Asking]（https://stackoverflow.com/help/asking）を参照してください。 –

[JavaScript Referemce（MDN）]（https://developer.mozilla.org/en-US/docs/Web/javascript） –

その回答に基づいて、これはあなたが探しているものです。

：だから、このコードを作成する方法の詳細人は、次の手順をした知って

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() { 
 
//this is where you can modifies the time amount. 
 
    var twentyfiveminutes = 60 * 25, 
 
     display = document.querySelector('#time'); 
 
    startTimer(twentyfiveminutes, display); 
 
};

<body> 
 
    <div>Registration closes in <span id="time">25:00</span> minutes!</div> 
 
</body>

startTimer(duration, display)この関数は、2つのパラメータ（最初は分単位）をとり、出力のhtml要素をとります。

setInterval()を使用して、彼は1秒ごとにこの機能を繰り返しました。
最初のツリー変数timer = durationとminutes = duration/60とseconds = duration%60です。
次に、分の値または秒の値が10より大きいかどうかをチェックし、そうでない場合はゼロを加算します。
そして最後に彼はタイマーの1秒をとり、値が0より大きければそれをチェックし、そうでなければそれを最初の状態に戻します。
となり、時間の値が0になるまで繰り返されます。

出典

2017-10-04 16:58:02 M0ns1f

javascriptでカウントダウンタイマーを作成する方法

答えて

関連する問題