Html код счетчика просмотров

Анимация чисел при прокрутке страницы

Всем — привет. Сегодня поговорим о том, как сделать анимацию чисел на сайте, и реализуем этот эффект таким образом, чтобы он сработал только в тот момент, когда пользователь видит его.

То есть находиться в так называемой «активной области».

Недавно реализовывал подобный эффект на одном из сайтов, а также заметил комментарий на блоге с вопросом:

Мб глупый вопрос, но….
Если мне нужно определенное действие js, то могу ли я как-то подключить wow.js для этого? Например, у меня есть скрипт, который увеличивает значение счетчика от 0 до нужного числа. И как подвязать wow.js, чтобы скрипт начал работать только когда пользователь доскроллит до счетчика?

Этой статьей я и покажу, как реализовать запуск скрипта, который реализует анимацию чисел от 0 до нужного значения в момент, когда пользователь доскроллил до этого блока на сайте. Только без wow.js, так как нет смысла подключать целый плагин для этих целей. Обойдемся небольшим самописным скриптом.

На самом деле решение не мое (подсмотрел на блоге webcareer), но ничего сложно, можно и самому было разобраться. Если скрипт рабочий, то почему им не воспользоваться? Итак, приступим.