21.10.2022
Выводим число, например, подсчет голосов, или рассчет процентов после выполнения какого-либо действия.
Можно выводить все время разные числа в определенном лимите, указывать здесь randomInteger(70, 90).
Скорость анимации задается в милисекундах здесь duration: 6000.
HTML
<p><span class="result"></span>%</p>
JS
$(document).ready(function () {
(function resultInit() {
function randomInteger(min, max) {
let rand = min + Math.random() * (max + 1 - min);
return Math.floor(rand);
}
if ($(".result").length) {
jQuery({ Counter: 0 }).animate(
{ Counter: randomInteger(70, 90) },
{
duration: 6000,
easing: "swing",
step: function () {
$(".result").text(Math.ceil(this.Counter));
}
}
);
}
})();
});
Пример вывода заданого числа с анимацией
See the Pen
Untitled by Denis (@deniscreative)
on CodePen.0