@Alexander-K

Как сделать анимированный счетчик чисел (от 0 до N) с замедлением под конец?

Имеется анимированный счетчик числа: https://codepen.io/extreex/pen/NBozzq
Как сделать замедление считания под конец?
Т.е. сначала должен считать быстро, затем медленнее, и под конец последние цифры очень медленно.
  • Вопрос задан
  • 1736 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
$.easing.bullshit = function(x, t, b, c, d) {
  return (t == d) ? b + c : c * (-Math.pow(2, -10 * t / d) + 1) + b;
};

$('.ach-number span').each(function() {
  $(this).prop('counter', 0).animate({
    counter: $(this).text(),
  }, {
    duration: 10000,
    easing: 'bullshit',
    step(val) {
      $(this).text(Math.ceil(val));
    },
  });
});

https://jsfiddle.net/ph4ku28v/
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы