Несколько методов создания 2-минутного таймера с примерами кода

Вот несколько способов создать 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);
};