JSFiddle - React, Tailwind, and code Playground

by joplomacedo

HTML

<div id="time1"></div>
<div id="time2"></div>
<div id="time3"></div>

JavaScript

function Timer(duration, display) {}


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 + " minutes " + seconds + " seconds";

        if (--timer < 0) {
            timer = duration;
        }
    }, 1000);
}


    var display1 = document.querySelector('#time1'),
        display2 = document.querySelector('#time2'),
        display3 = document.querySelector('#time3');

    startTimer(60 * 1000, display1);
    startTimer(120 * 1000, display2);
    startTimer(240 * 1000, display3);