<div id="counter">
  <span>0</span>
  <span>0</span>
  <span>0</span>
  <span>0</span>
</div>

const timer = (selector) => {
  let counter = 0;
  return () => {
    counter += 1;
    let count = counter;
    [...document.querySelectorAll(`${selector} span`)].reverse().forEach(
      (el) => {
        el.innerText = count % 10;
        count = Math.floor(count / 10);
      },
    );
    return counter;
  }
}

const tick = timer('#counter');
const counter = setInterval(
  () => {
    if (tick() > 7000) {
      clearInterval(counter);
    }
  },
  10,
);