2020-06-09 17:48:21 +00:00
|
|
|
const startTimer = (duration, display) => {
|
|
|
|
let timer = duration,
|
2020-06-09 16:54:13 +00:00
|
|
|
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);
|
2020-06-09 17:48:21 +00:00
|
|
|
};
|
2020-06-09 16:54:13 +00:00
|
|
|
|
|
|
|
document.getElementById("start-timer").addEventListener("click", () => {
|
2020-06-09 17:48:21 +00:00
|
|
|
const twoMinutes = 60 * 2;
|
|
|
|
const display = document.getElementById("countdown-timer__display");
|
2020-06-09 16:54:13 +00:00
|
|
|
startTimer(twoMinutes, display);
|
|
|
|
});
|