Как сделать анимацию изменения строки?

Question

[Игорь]

Есть код:
<span id="NumObjects">100 017</span>
В объекте NumObjects надо плавно заменить одно число на другое, например, на "100 018". Счетчик работает, но замена не плавная, тупо через innerHTML Как организовать плавную смену числа?
Я догадываюсь, что как-то через animate(), но как?

Answer 1

[coderisimo]

а нужно ли из пушки по воробьям?

https://codepen.io/coderisimo/pen/pVBxry

Comments

[Игорь]

Не совсем то, что надо... Мне надо одно число сменить на другое только медленно. То есть сама смена чтобы протекала медленно.
Если 100 017 на 100 018, то "7" плавно исчезает, а "8" на его месте плавно проявляется.

[coderisimo]

Игорь,
тогда можно использовать fadeIn - fadeOut
https://codepen.io/coderisimo/pen/pVBxry

если нужна скорость побыстрее - сделать через css animation в стилях

[Игорь]

Спасибо! Работает))

[coderisimo]

Игорь, и главное - не надо тащить целую библиотеку в проект.

Answer 2

[Faraday_22]

aishek.github.io/jquery-animateNumber
вот неплохой плагин

Comments

[Игорь]

Как я понял, он делает "прокрутку" числа от нуля до нужного, а мне надо одно число сменить на другое только медленно.
Если 100 017 на 100 018, то "7" плавно исчезает, а "8" на его месте плавно проявляется