/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 vote140 views1 answer
Jquery validate on keyup
Javascript jQuery
0 vote153 views1 answer
How to show confirm message before delete using jquery
Javascript jQuery
7 votes133 views3 answers
Check radio button is checked jquery
Javascript jQuery
0 vote138 views1 answer
How to change the color of error message in jquery validation
Javascript jQuery
0 vote138 views1 answer
Jquery xpath
Javascript jQuery
15 votes132 views1 answer
Flash a button jquery onclick
Javascript jQuery
18 votes151 views3 answers
Jquery ajax form submission
Javascript jQuery
1 vote160 views1 answer
Remove a class after 100 milliseconds jquery
Javascript jQuery
1 vote137 views1 answer
Jquery add to array with key
Javascript jQuery
1 vote136 views1 answer
Oncheck event jquery
Javascript jQuery