Jquery 计数器正在计数到所需的数字，但随后也开始反向计数

Question

这是我的jquery代码。它计数到给定的数字，但随后开始反向计数....我还在代码末尾添加了 $（'.count'）.remove 但它不起作用。

$(window).scroll(function(){
 $('.count').each(function() {
 $(this).prop('Counter', 0).animate({
  Counter: $(this).text()
 }, {
  duration: 4000,
  easing: 'swing',
  step: function(now) {
    $(this).text(Math.ceil(now));
   }         
  });
 });   
})

Answer 1

在step:后使用 complete:

例如

$({countNum: 0}).animate({countNum: 100}, {
    duration: 4000,
    easing:'linear',
    step: function() {
        $(this).text(Math.floor(this.countNum));
    },
    complete: function() {
        $(this).addClass('loaded');
    }
});