JSFiddle - React, Tailwind, and code Playground

HTML

<div id="time"></div>
<div id="popup">
<button id="ok" onclick="timerReset()">
Ok
</button>
</div>
 
<script>




var span = document.querySelector("#time");
countDown(0);
function countDown(counter){

var interval = setInterval(function(){

var minutes = ((counter / 60) | 0) + "";
var seconds = (counter % 60) + "";
var format = ""
+ new Array(3-minutes.length).join("0") + minutes 
+ ':' 
+ new Array(3-seconds.length).join("0") + seconds;

span.innerHTML = format;

counter++;

if(seconds == 10){

// $("#timeModal").modal(); BS model box open
// countDown(0);
document.getElementById("popup").style.visibility = "visible"; 

}


 

},1e3)
}

function timerReset() 
{
countDown(0);
alert("ok");
document.getElementById("popup").style.visibility = "hidden"; 
}





</script>

CSS

#popup {
  width:200px; 
height:200px;
border:solid 1px red; 
visibility:hidden;
}