Как в js посчитать цифры с 0 до числа с фиксированной скоростью?

Question

[chelnokov_a]

Как в js посчитать цифры с 0 до числа с фиксированной скоростью?

Например у меня есть число 20 и 30000
Мне нужно чтобы отсчет закончился в одинаковый момент

Сделать простой счетчик не проблема а вот как указать время не пойму

Answer 1

[WbICHA]

Типа этого?

{
  const max1 = 9;
  const max2 = 30; // max of two nums
  
  let cur = max2 / max1;
  const inc = cur;
  
  const len = 3;
  const log = (a, b) => {
    console.log(b > -Infinity ? `a: ${`    ${a}`.slice(-len)} | b: ${`    ${b}`.slice(-len)}` : `a: ${`    ${a}`.slice(-len)} |`)
  }
  
  log(0, 0);
  
  for(let i = 1, j = 1; i < max2; i++) {
    const nums = [i];
    if(i >= cur) {
      nums.push(j);
      j++;
      cur += inc;
    }
    log(...nums);
  }
  
  log(max2, max1); 
}

Comments

[WbICHA]

С качеством кода я вообще не заворачивался.

[TheOnlyFastCoder2]

WbICHA, очень костыльно ((((

[WbICHA]

TheOnlyFastCoder2, где конкретно тут костыль?

Answer 2

[Сергей Соколов]

Определить однажды время начала, и время конца анимации – они общие для всех счетчиков.

В любой момент времени можно посчитать текущее значение из пропорции (now - start) / (end - start) = x / total, откуда x = total * (now - start) / (end - start)

Например, через requestAnimationFrame() вызывать функцию, которая отрисует очередной кадр: текущие значения счётчиков.

Comments

[TheOnlyFastCoder2]

извиняйте , но ваш код не отвечает на требования вопроса .
И вы все костыльно сделали

[Сергей Соколов]

это ТС виднее.
Не завидуйте, сделайте лучше.

[TheOnlyFastCoder2]

Сергей Соколов, мой ответ ниже )

Answer 3

[Владимир]

JS нет точного таймера, лучшее что вы можете использовать - серия setTimeout, но чем больше таймаутов, тем сильнее будет накапливаться погрешность, поексперементируйте, увидите подходит ли вам результат.

Answer 4

[Karpion]

Пусть есть число N (в Вашем варианте - 20 или 3000). И есть время T, за которое надо посчитать. Выводим на экран ноль. Затем ждём время T/N и выводим один. Ну и далее аналогично.
Ожидание надо запускать ДО того, как начали выводить число.

Возможна проблема, когда компьютер не успевает выводить числа подряд. Тогда смотрим, сколько прошло времени, и выводим не очередное число, а то, для которого пришло время.

Answer 5

[TheOnlyFastCoder2]

Зависимости от расстояния регулируйте delay , чтобы погрешность была не велика
надеюсь я вам помог) поменяйте значение num1=30000 num2=20 вам можно поставить delay 0.6
чтобы узнать необходимый диапазон delay , нужно записать такую формулу num2 / num 1 * 1000 = 0.6 можно выбрать все значения до 0.6

____ШкОлЬНики:
Мне математика и физика не нужна :))____ результат ->


Мне интересно , а для чего вам этот алгоритм понадобился ?

Comments

[Сергей Соколов]

задержка "delay" — вторая гласная A.

[TheOnlyFastCoder2]

Сергей Соколов, Не заметил )

[Сергей Соколов]

TheOnlyFastCoder2, ну и вообще решение г..но так-себе:

1. добавить ещё один счётчик — люто переписывать весь код
   
2. на каждый счётчик запускается свой setTimeout, на каждый шаг. Таймеры JS сильно неточны бывают. Ну-ка подставьте туда 60000 — запустите 60k таймеров setTimeout ? Серьёзно?
   

[TheOnlyFastCoder2]

Сергей Соколов, Как было выше сказано , это все из-за погрешности от расстояния двух чисел , чтобы избавиться от нее нужно определить необходимый диапазон num2 / num 1 * 1000 = delay(range)

сами попробуйте , поменять значения

[Сергей Соколов]

TheOnlyFastCoder2, не.. с го..окодом только за деньги связываюсь.

[TheOnlyFastCoder2]

Сергей Соколов, кто-бы говорил )

[TheOnlyFastCoder2]

Сергей Соколов,
поставил и все отлично работает

num1 = 60000 num2 = 100 delay можно любой поставить до 1.6
getDelay(num1,num2,1.5)