Skip to content

Reset interval JavaScript | Example code

  • by

Clear the interval using clearInterval and setInterval once again Reset the interval in JavaScript.


Reset interval JavaScript

A simple example code with the function resetTimer is where we are trying to implement the code. So the webpage will display a page with a timer and three buttons; stop, start and reset.

When a user clicks the reset button, the timer is supposed to reset back to zero and make the timer reset to 00:00:00

<!DOCTYPE html>
  <div id="timer-text"></div>
  <button id="start">start</button>
  <button id="restart">restart</button>
  <button id="stop">stop</button>
  const timerEl = document.getElementById("timer-text")
  const startBtn = document.getElementById("start")
  const restartBtn = document.getElementById("restart");
  const stopBtn = document.getElementById('stop');

  let runTheClock;
  let seconds = 0;

  function makeTwoNumbers(num) {
    return ((num < 10) ? "0" : "") + num;

  function tick() {

  function render(secs) {

    const hours = Math.floor(secs / 3600);
    const minutes = Math.floor(secs / 60) - (hours * 60);
    const seconds = secs % 60;

    const val = [hours, minutes, seconds].map(makeTwoNumbers).join(":");
    timerEl.textContent = val;

  function runTimer() {
    runTheClock = setInterval(tick, 1000);

  function stopTimer() {

  function resetTimer() {
    seconds = 0;

  restartBtn.addEventListener("click", resetTimer);
  stopBtn.addEventListener("click", stopTimer);
  startBtn.addEventListener("click", runTimer);



Reset interval JavaScript

How do I reset a setInterval timer back to 0?

Answer: If you want to start a new 4-second interval, you must stop and restart the timer.

function myFn() {console.log('idle');}

var myTimer = setInterval(myFn, 4000);

// Then, later at some future time, 
// to restart a new 4 second interval starting at this exact moment in time
myTimer = setInterval(myFn, 4000);


Do comment if you have any doubts or suggestions on this Js interval topic.

Note: The All JS Examples codes are tested on the Firefox browser and the Chrome browser.

OS: Windows 10

Code: HTML 5 Version

Leave a Reply

Your email address will not be published. Required fields are marked *