/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

34 votes193 views6 answers
Jquery scroll to element
Javascript jQuery
26 votes213 views5 answers
Get checked radio button value jquery by name
Javascript jQuery
2 votes246 views2 answers
Jquery loop through json
Javascript jQuery
-1 vote219 views10 answers
How to add id in jquery
Javascript jQuery
0 vote227 views1 answer
JQuery hasClass() - check for more than one class
Javascript jQuery
3 votes231 views4 answers
Get selected value of select2 dropdown in jquery
Javascript jQuery
0 vote192 views1 answer
Jquery target partial id
Javascript jQuery
0 vote267 views1 answer
Jquery set form target
Javascript jQuery
0 vote233 views2 answers
Use two div id in jquery
Javascript jQuery
0 vote205 views1 answer
Dynamic event listener jquery
Javascript jQuery