Html-JqueryNo Comments

default thumbnail

Number counter is used to show the animated numbers which will start from 0 to given number. Animated numbers should be started onscroll the page. Here is the code.


<span class="Count">70</span> Projects
<span class="Count">300</span> Clients
<span class="Count">500</span> Reviews


function startCounter() {
    if ($(window).scrollTop() > 200) {
        $(window).off("scroll", startCounter);
        $('.Count').each(function () {
            var $this = $(this);
            jQuery({ Counter: 0 }).animate({ Counter: $this.text() }, {
                duration: 1000,
                easing: 'swing',
                step: function () {

Be the first to post a comment.

Add a comment