/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 vote124 views1 answer
How to calculate each row with on change table <td><input> jquery
Javascript jQuery
14 votes132 views4 answers
Image preview before upload jquery
Javascript jQuery
1 vote124 views1 answer
Jquery get td value
Javascript jQuery
3 votes139 views3 answers
Jquery empty
Javascript jQuery
0 vote151 views1 answer
Hit click function only once on first click jquery
Javascript jQuery
0 vote132 views3 answers
Load data from json server into html using jquery
Javascript jQuery
10 votes126 views6 answers
Jquery on change
Javascript jQuery
0 vote128 views2 answers
Onload set scroll on top of page jquery
Javascript jQuery
0 vote136 views1 answer
Jquery search for string in text
Javascript jQuery
0 vote120 views1 answer
Jquery debounce
Javascript jQuery