Почему таймер выводит не те цифры?

Question

[Максим]

Есть таймеры
Но они выводят на какую то цифру меньше
Уже не знаю почему
Как исправить ситуацию ?



Инициализирую так :

timer(1000, "reject1");
timer(610, "reject2");
timer(410, "reject3");

Но выводит меньше

Answer 1

[galaxy]

Во-первых, последнее выведенное значение будет как минимум на step меньше num. Кроме того, переменная n - общая для всех таймеров, между срабатываниями одного таймера она успевает еще 1-2 раза прокрутиться.

Comments

[Максим]

ну и.... как исправить ?

[galaxy]

Максим Ленский, заведи три переменных (или массив).
i.forEach - зачем обернут в else? Из-за этого меньше на step выводится

[Максим]

galaxy, вроде так же всё либо я не так делаю

[galaxy]

const time = 5000;
const step = 10;
let n = {};

function timer(num, element) {
  let selector;
  let i = document.querySelectorAll("." + element);
  n[element] = 0;
  i.forEach(function (elem) {
    selector = elem;
  });
  let t = Math.round(time / (num / step));

  let inter = setInterval(function () {
    n[element] = n[element] + step;
    if (n[element] === num || n[element] >= num) {
      clearInterval(inter);
    }
    selector.innerHTML = n[element];
  }, t);
}

timer(1000, "reject1");
timer(610, "reject2");
timer(410, "reject3");

[Максим]

galaxy, спасибо