0

набираешь в гугле "генератор случайных чисел" и там появится ну собственно поля для ввода и генерации. Подскажите пожалуйста как реализовать такую анимацию или откуда найти точно токую же (может как то можно извлекать код гугла ?)

4
  • вроде нет никакой анимации
    – Grundy
    9 июл 2020 в 22:04
  • вот скрин ibb.co/vsZWg4Y
    – Адрей
    9 июл 2020 в 22:33
  • формально это не анимация - это просто быстрая смена значений.
    – Grundy
    9 июл 2020 в 22:52
  • хорошо) а можете подсказать как это сделать или найти js код отвечающий за этот блок
    – Адрей
    9 июл 2020 в 23:35

1 ответ 1

5

Формально тут нет анимации, просто быстрая смена значений.

Алгоритм может быть следующим

  1. получить начальное число
  2. получить конечное
  3. определить несколько промежуточных чисел
  4. сменять числа начиная с начального с небольшим интервалом.

function random(min, max) {
  return Math.floor(Math.random() * (max - min) + min);
}

function range(cur, next, count) {
  // ищем интервал между промежуточными значениями, если интервал слишком маленький устанавливаем 1
  var diff = Math.floor((next - cur) / count) || 1;

  // получаем промежуточные значения
  var res = [cur];
  for (var i = cur + diff; Math.abs(i - next) > Math.abs(diff); i += diff) {
    res.push(i);
  }
  res.push(next);

  return res;
}

var timer = null

function generate(min, max) {
  window.clearInterval(timer);
  var current = +out.value;
  var next = random(min, max);
  var rng = range(current, next, 25);
  timer = setInterval(() => {
    // на каждой итерации берем следующее значение, пока они не закончатся.
    out.value = rng.shift();
    if (!rng.length) window.clearInterval(timer);
  }, 10);
}
<div>
  <output id="out">0</output>
  <div>
    <div>
      Min value: <input type="text" id="minimum" value="1" />
    </div>
    <div>
      Max value: <input type="text" id="maximum" value="1000000" />
    </div>
    <div>
      <input type="button" value="Generate" onclick="generate(minimum.value, maximum.value)" />
    </div>
  </div>
</div>

9
  • если ввести в min-value и max-value одинаковые числа, начиная с 2, то генератор выводит: 0-1, хотя, по идее, должен выводить 2, не так ли?
    – meine
    10 июл 2020 в 1:53
  • @meine, может быть :-) я не делал никаких проверок, можно даже поменять местами мин и мах, или отрицательные повводить или вообще не числа :)
    – Grundy
    10 июл 2020 в 7:45
  • @meine, случайно число из интервала не правильно получаю :)
    – Grundy
    10 июл 2020 в 8:12
  • @Grundy Отлично спасибо) а подскажите еще как можно в эту скрипт поставить числа не рандомно а написать самому (масив чисел )
    – Адрей
    10 июл 2020 в 18:36
  • например numbers = [1, 47, 556, 687, 2132, 213234];
    – Адрей
    10 июл 2020 в 18:37

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.