/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 vote336 views1 answer
Jquery check if parent has 2 chlds
Javascript jQuery
0 vote320 views2 answers
Detecter un click sur un bouton en jquery
Javascript jQuery
35 votes288 views6 answers
Jquery select by name
Javascript jQuery
1 vote310 views1 answer
Jquery loop each tr in table grepper
Javascript jQuery
1 vote338 views1 answer
Select2 jquery example search
Javascript jQuery
1 vote344 views1 answer
JQuery UI Sortable, then write order into a database
Javascript jQuery
16 votes325 views5 answers
Jquery enable disable textbox
Javascript jQuery
0 vote338 views1 answer
Clear localstorage on click jquery
Javascript jQuery
0 vote295 views1 answer
Jquery xpath
Javascript jQuery
0 vote317 views1 answer
Effect jquery
Javascript jQuery