/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

5 votes231 views1 answer
Jquery continue each loop
Javascript jQuery
5 votes152 views2 answers
Check if a checkbox is checked w jquery using id
Javascript jQuery
0 vote218 views1 answer
Jquery check scroll direction
Javascript jQuery
0 vote211 views1 answer
Jquery validation focus field on error
Javascript jQuery
11 votes210 views2 answers
$[name] in jquery
Javascript jQuery
2 votes200 views2 answers
Jquery select input with empty value
Javascript jQuery
0 vote227 views1 answer
Location on select dropdown redirect jquery
Javascript jQuery
15 votes196 views2 answers
Change source of image jquery
Javascript jQuery
3 votes205 views2 answers
Refresh ajax jquery
Javascript jQuery
0 vote201 views1 answer
Jquery on change function not working
Javascript jQuery