/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 vote196 views1 answer
The red validation class doesn't apply on jquery
Javascript jQuery
28 votes216 views3 answers
Jquery check if element still exists
Javascript jQuery
0 vote208 views1 answer
Jquery ajax true false as boolean value
Javascript jQuery
24 votes196 views5 answers
On modal close jquery
Javascript jQuery
1 vote184 views1 answer
Jquery remove multiple class
Javascript jQuery
0 vote203 views1 answer
Delete all the fields on the form whit jquery
Javascript jQuery
0 vote208 views1 answer
I want to enable textbox when checkbox is checked in jquery or javascript
Javascript jQuery
10 votes202 views1 answer
Jquery get child div
Javascript jQuery
0 vote198 views1 answer
Remove from array by value jquery
Javascript jQuery
0 vote201 views1 answer
Jquery set multiple attribute value
Javascript jQuery