набираешь в гугле "генератор случайных чисел" и там появится ну собственно поля для ввода и генерации. Подскажите пожалуйста как реализовать такую анимацию или откуда найти точно токую же (может как то можно извлекать код гугла ?)
-
вроде нет никакой анимации– Grundy ♦9 июл 2020 в 22:04
-
вот скрин ibb.co/vsZWg4Y– Адрей9 июл 2020 в 22:33
-
формально это не анимация - это просто быстрая смена значений.– Grundy ♦9 июл 2020 в 22:52
-
хорошо) а можете подсказать как это сделать или найти js код отвечающий за этот блок– Адрей9 июл 2020 в 23:35
Добавить комментарий
|
1 ответ
Формально тут нет анимации, просто быстрая смена значений.
Алгоритм может быть следующим
- получить начальное число
- получить конечное
- определить несколько промежуточных чисел
- сменять числа начиная с начального с небольшим интервалом.
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>
-
если ввести в min-value и max-value одинаковые числа, начиная с 2, то генератор выводит: 0-1, хотя, по идее, должен выводить 2, не так ли?– meine10 июл 2020 в 1:53
-
@meine, может быть :-) я не делал никаких проверок, можно даже поменять местами мин и мах, или отрицательные повводить или вообще не числа :)– Grundy ♦10 июл 2020 в 7:45
-
-
@Grundy Отлично спасибо) а подскажите еще как можно в эту скрипт поставить числа не рандомно а написать самому (масив чисел )– Адрей10 июл 2020 в 18:36
-