Why the value changed after few iterations?

[aldrienht]

I have this jquery code for re-animating counts every 3 seconds : $(document).ready(function(){ var countUpLoop = setInterval(countUpNumbers, 3000); countUpNumbers();

  function countUpNumbers(){        
    $('h1.title').counterUp({
      delay: 100,
      time: 1000
    });
  };

});

HTML: <h1 class="title" data-bind="title">300</h1>

*After few interations, the counterUp change the original value of 300 to 0.

Change to: <h1 class="title" data-bind="title">0</h1>

I don't know why, please help to figure it out. Thank you.

[onepartscissors]

Hi All, i needed this more reliable for a project, so i forked it and added a 'total' variable that it always relies on. If the total is missing, it will work as per the original, using the text supplied by "$this.text()".

Here it is:

https://github.com/onepartscissors/Counter-Up

[ravenroc]

If you'd like to use this with Waypoints 3.0+ check out my PR, which also solves this issue. https://github.com/bfintal/Counter-Up/pull/13

[ciromattia]

In my fork I merged a bunch of PRs - it's already on bower and NPM.

This issue should be fixed with Waypoints-4.0.0 support (thanks to @digsite PR), please check it out and tell me if it works. Thanks!

[dnunes]

You can look up a simple solution on the CounterUp side (rather than changing WayPoint integration) on my reply at https://github.com/bfintal/Counter-Up/issues/57#issuecomment-369732234. It is a needed fix anyway, even if you use the correct new WayPoint methods.