Анимированный вывод числа от нуля до заданного

Выводим число, например, подсчет голосов, или рассчет процентов после выполнения какого-либо действия.

Можно выводить все время разные числа в определенном лимите, указывать здесь 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) для одного слайда

Простая задача — если слайд всего один, то не отображать slick dots, чтобы слайдер выглядел…

Удалить шифрованный EFI раздел в Windows 7/10, создать новый раздел из командной строки

Раздел EFI -обязательный для GPT разметки на системах с UEFI. Стандартный размер раздела EFI равен…

Как скачать шрифты Google fonts

Как скачать Google шрифты, чтобы использовать их локально? Иногда нужно, чтобы сборка проекта была изолирована…

Ответить