Плавное изменение цены
 

Здравствуйте.

Есть строка которая статично выводит цену товара.

$('.act .new50 .price-new').html(json['total']);

Как сделать, чтобы цена плавно увеличивалась до нужного значения за пол секунды? Например от 0 до 200 за пол секунды.

есть такое, но мне кажется что что то не так:

$({value:$('.act .new50 .price-new').html()||0}).animate({value:(json['total'])},{easing:'swing',duration:500,step:function(value){$('.act .new50 .price-new').html();$('.act .new50 .price-new').html(value);})}

если кому нужно, тогда вот:

$({numberValue: 0}).animate({numberValue: 200}, {
                           duration: 750,
                           easing: "swing",
                           step: function(val) {
                              $('.price-new').html(Math.round(val));
                           }
                        });

const $priceNew = $('.price-new');

$({numberValue: 0}).animate({numberValue: 200}, {
  duration: 750,
  easing: "swing",
  step: (val) => {
    $priceNew.text(Math.round(val));
  }
});

Так оптимальнее будет.