JSFiddle - React, Tailwind, and code Playground

by Mike Robb

HTML

<script src="https://cdn.rawgit.com/robbmj/simple-js-countdown-timer/master/countdowntimer.js"></script>
<body>
    <div>Registration closes in <span id="time1"></span> minutes!</div>
    <div>Registration closes in <span id="time2"></span> minutes!</div>
</body>

JavaScript

window.onload = function () {
    var display1 = document.querySelector('#time1'),
        display2 = document.querySelector('#time2'),
        timer1 = new CountDownTimer(5),
        timer2 = new CountDownTimer(10);

    timer1.onTick(format(display1)).onTick(restart).start();
    timer2.onTick(format(display2)).start();

    function restart() {
        if (this.expired()) {
            setTimeout(function () { timer1.start(); }, 1000);
        }
    }

    function format(display) {
        return function (minutes, seconds) {
            minutes = minutes < 10 ? "0" + minutes : minutes;
            seconds = seconds < 10 ? "0" + seconds : seconds;
            display.textContent = minutes + ':' + seconds;
        };
    }
};