RPeraltaJr
4/21/2017 - 3:47 PM

Number counter up effect. *NOTE: Will only work with Waypoints 2.0.3 (Anything above may cause issues and inaccuracy in number count)

Number counter up effect. *NOTE: Will only work with Waypoints 2.0.3 (Anything above may cause issues and inaccuracy in number count)

main.js
content_copyfile_download
$(document).ready(function($) {
  $('.counter').counterUp({
    delay: 10,
    time: 1000
  });
});
number-counter.html
content_copyfile_download
<!-- jQuery v.1.11.2 -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

<!-- WayPoint & CounterUp -->
<script src="//cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0.0/jquery.counterup.min.js"></script>

<span class="counter">5,000</span>