Анимированный вывод числа от нуля до заданного
Выводим число, например, подсчет голосов, или рассчет процентов после выполнения какого-либо действия.
Можно выводить все время разные числа в определенном лимите, указывать здесь 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.
Итак, задача такая — проверить отображение каких-то элементов на разных разрешениях экрана. Но современная проблема…
Простая задача — если слайд всего один, то не отображать slick dots, чтобы слайдер выглядел…
Раздел EFI -обязательный для GPT разметки на системах с UEFI. Стандартный размер раздела EFI равен…
Как скачать Google шрифты, чтобы использовать их локально? Иногда нужно, чтобы сборка проекта была изолирована…