Вот несколько способов создать 2-минутный таймер на примерах кода:
Метод 1: 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 () {
var twoMinutes = 60 * 2,
display = document.querySelector('#timer');
startTimer(twoMinutes, display);
};
Метод 2: Python
import time
def start_timer(duration):
timer = duration
while timer >= 0:
minutes = timer // 60
seconds = timer % 60
print(f"{minutes:02d}:{seconds:02d}")
time.sleep(1)
timer -= 1
two_minutes = 2 * 60
start_timer(two_minutes)
Метод 3: HTML/CSS/JavaScript
HTML:
<div id="timer">02:00</div>
CSS:
#timer {
font-size: 24px;
font-weight: bold;
text-align: center;
padding: 10px;
}
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 () {
var twoMinutes = 60 * 2,
display = document.querySelector('#timer');
startTimer(twoMinutes, display);
};