javascript - how to continue setinterval function after clearing it

Question

Hello evreyone I want to know how to continue setsetinterval function after clearing it starting from the last value for example I created counter and i cleared it at the value "10" how to make it start counting again starting from the last value "10" this is my code

let
div = document.getElementById("test");
button = document.getElementById("btn");
let time =_ =>

    this.time = 0
    counter = setInterval(function()
                {
                    this.time = this.time+1;
                    div.innerHTML=this.time + "s"
                }
                ,1000);
    

time()
button.onclick = function()
{
    clearInterval(counter)
}` 

Answer 1

Try this

.js

let time = 0;
let counter = null;

let div = document.getElementById("test");
let button = document.getElementById("btn");
const startCounting = () => {
  counter = setInterval(() => {
    time += 1;
    div.innerHTML = time + "s";
  }, 100);
};

const startOrStop = () => {
  if (counter) {
    clearInterval(counter);
    counter = null;
  } else {
    startCounting();
  }
};

button.onclick = function () {
  startOrStop();
};

.html

    <div id="test"></div>
    <button id="btn">Start/Stop</button>

Here is the sandbox link - https://codesandbox.io/s/floral-thunder-q4vmc?file=/index.html:115-182