JSFiddle - React, Tailwind, and code Playground

by dexterity

HTML

<div id="demo">...</div><br>
<button id="stop_clock">Stop Clock</button><br><br>
Like @officialmCoves on IG, FB and TWITTER for more free codes!

CSS

button {
  cursor: pointer;
  width: 100px;
}

JavaScript

var foo = setInterval(timer, 1000);

function timer() {
  var d = new Date();
  var t = d.toLocaleTimeString();
  document.getElementById("demo").innerHTML = t;
}

$(document).on("click", "#stop_clock", function() {
  clearInterval(foo);
  $("#stop_clock").empty().append("Done!");
});