/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 vote411 views1 answer
How to set name attribute in jquery
Javascript jQuery
9 votes324 views3 answers
Animate jquery
Javascript jQuery
0 vote356 views1 answer
Jquery datepicker on multiple input fields
Javascript jQuery
20 votes399 views4 answers
Jquery get name attribute
Javascript jQuery
8 votes352 views5 answers
Change select value jquery
Javascript jQuery
0 vote415 views1 answer
Disable anchor tag jquery after click
Javascript jQuery
0 vote347 views1 answer
Jquery has parent with class
Javascript jQuery
102 votes402 views6 answers
Check if checkbox is checked jquery
Javascript jQuery
74 votes355 views3 answers
Jquery detect when a checkbox is checked
Javascript jQuery
0 vote367 views1 answer
Add parameter to url without reload jquery
Javascript jQuery