/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

10 votes142 views3 answers
Jquery check if a class exists
Javascript jQuery
0 vote140 views2 answers
Jquery: get checkbox from each row of the table and select it
Javascript jQuery
0 vote153 views1 answer
Textbox text change jquery
Javascript jQuery
12 votes152 views2 answers
Download jquery 3.1.1
Javascript jQuery
5 votes142 views3 answers
Jquery body remove class
Javascript jQuery
2 votes145 views2 answers
Disable textbox jquery
Javascript jQuery
0 vote133 views2 answers
Jquery preload images
Javascript jQuery
2 votes144 views2 answers
Jquery get height of element
Javascript jQuery
0 vote180 views1 answer
Jquery OR operator
Javascript jQuery
0 vote142 views1 answer
Uncheck all radio button jquery
Javascript jQuery