JSFiddle - React, Tailwind, and code Playground

by Arif Hasan

HTML

<span id=displayTime></span>
<button onclick="pauseTimer()">Pause</button>
<button onclick="resumeTimer()">Start/Resume</button>

JavaScript

var time2;
var timer;
function startTimer(time) {
  var countDown = 0;
  var time1 = time * 60;
  x = setInterval(function() {
    time2 = time1--;
    if (time2 > 0) {
    console.log('here')
      document.getElementById("displayTime").innerHTML = time2;
    } else if (time2 == 0) {
    console.log('2here')
      clearInterval(x);
      resumeTimer()
    }
  }, 1000);
  return x;
}

function pauseTimer() {
  clearInterval(timer);
}
function resumeTimer() {
console.log(time2)
 clearInterval(timer);
  time = time2/60 || 1;
  timer = startTimer(time);
}