如何用javascript創建倒數計時器

我需要一個25分鐘的計時器，計數到0爲止。我發現很多教程，但是我找到的每個教程都沒有解釋。如何用javascript創建倒數計時器

這是我發現最有用的鏈接。有人可以解釋它是如何工作的？ The simplest possible JavaScript countdown timer?

編輯：我不想複製&粘貼代碼。我想了解它。

2017-10-04 Jagarmarten

請參閱幫助中心的[問]（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)這個函數首先獲取兩個參數的時間和分鐘的html元素的輸出。
使用setInterval()他每隔一秒重複一次函數。
然後他初始樹變量timer = duration和minutes = duration/60和seconds = duration%60。
然後他檢查分鐘或秒的值是否大於10.如果不是，則加零。
最後他花了一秒鐘的時間，並檢查它的值是否大於0，否則返回到第一個狀態。
他重複說，直到時間的價值是0;

來源

2017-10-04 16:58:02 M0ns1f

如何用javascript創建倒數計時器

回答

相關問題