這是一個倒數計時器。我不明白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);
你需要具體瞭解什麼?因爲它所做的全部工作都在每秒重複 - >獲取計時器剩餘的分鐘數,獲取計時器留下的秒數,在數值小於10時添加0,顯示所選html元素中的值,並且減少計時器1 – Icepickle
@Ippickle爲什麼定時器聲明爲var timer = duration,seconds,minutes? – dadadodo