HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>clearInterval() — button</title>
</head>
<body>
  <h1>clearInterval() stop on click</h1>
  <button type="button" id="start">Start</button>
  <button type="button" id="stop">Stop</button>
  <pre id="out">0</pre>
  <script>
    (function () {
      var id = null;
      var n = 0;
      document.getElementById("start").onclick = function () {
        if (id !== null) return;
        id = setInterval(function () {
          n += 1;
          document.getElementById("out").textContent = String(n);
        }, 400);
      };
      document.getElementById("stop").onclick = function () {
        clearInterval(id);
        id = null;
      };
    })();
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

JavaScript clearInterval() — stop on click (Try It)