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.
#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 #57 (comment). It is a needed fix anyway, even if you use the correct new WayPoint methods.