/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 vote126 views1 answer
How to get 3rd li using jquery
Javascript jQuery
12 votes122 views3 answers
Jquery check if screen size
Javascript jQuery
3 votes159 views6 answers
Select dropdown value using jquery
Javascript jQuery
4 votes113 views3 answers
Reference error $ is not defined jquery
Javascript jQuery
-1 vote162 views1 answer
Jquery form data
Javascript jQuery
0 vote117 views1 answer
How to get value of button that click on it jquery
Javascript jQuery
2 votes120 views2 answers
What is jquery
Javascript jQuery
0 vote125 views2 answers
Jquery noconflict
Javascript jQuery
0 vote108 views1 answer
JQuery find element before
Javascript jQuery
0 vote125 views1 answer
Jquery is not defined rails
Javascript jQuery