Animated Number Counter Javascript

Animated Counter using javascript
Animated Counter using javascript
Animated Counter using javascript

In this article we will learn how to create animated number counter using javascript, its is very simple,

First of all add the class count in that html element where you want to show the animated number counter.

For Example like this add the count class


<p class="count">1000</p>

And After that add the javascript to counting.

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

Leave a Reply

avatar
  Subscribe  
Notify of