/Javascript/jQuery/Jquery number counter

Jquery number counter

$({ Counter: 0 }).animate({
  Counter: $('.Single').text()
}, {
  duration: 1000,
  easing: 'swing',
  step: function() {
    $('.Single').text(Math.ceil(this.Counter));
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="Single">150</span>

Jquery Number counter

view source
1
<script src="/path/to/cdn/jquery.min.js"></script>
2
<script src="/path/to/src/countfect.min.js"></script>

Source: jqueryscript.net

Similar codes

0 vote281 views1 answer
Jquery scroll into view
Javascript jQuery
0 vote254 views1 answer
Count all items inside 2nd ul using jquery
Javascript jQuery
0 vote276 views1 answer
Jquery parent panel hide
Javascript jQuery
0 vote278 views1 answer
Jquery dropdownlist from mvc jsonresult list
Javascript jQuery
0 vote271 views1 answer
Setattribute is not a function jquery
Javascript jQuery
0 vote910 views1 answer
Authorize jquery ajax call for asp.net mvc
Javascript jQuery
6 votes291 views2 answers
Jquery on click fade out element
Javascript jQuery
0 vote303 views1 answer
Create own rules jquery
Javascript jQuery
111 votes365 views6 answers
Foreach jquery
Javascript jQuery
0 vote267 views1 answer
Data attribute hide & show function syntax in jquery
Javascript jQuery