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></div>
</body>

JavaScript

window.onload = function() {

  var display1 = document.querySelector('#time1'),
      display2 = document.querySelector('#time2'),
      timer = new CountDownTimer(5);

  timer.onTick(format1).onTick(format2).start();

  function format1(minutes, seconds) {
    minutes = minutes < 10 ? "0" + minutes : minutes;
    seconds = seconds < 10 ? "0" + seconds : seconds;
    display1.textContent = minutes + ':' + seconds;
  }
    
  function format2(minutes, seconds) {
    minutes = minutes + (minutes > 1 ? ' minutes' : ' minute');
    seconds = seconds + (seconds > 1 ? ' seconds' : ' second');
    display2.textContent = minutes + ' ' + seconds;
  }
};