/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 votes210 views3 answers
Jquery validation plugin
Javascript jQuery
20 votes266 views6 answers
Jquery get id
Javascript jQuery
0 vote265 views1 answer
Jquery duplicate last table row
Javascript jQuery
54 votes229 views6 answers
Jquery set checkbox checked
Javascript jQuery
2 votes213 views2 answers
Jquery ajax get with authentication
Javascript jQuery
55 votes218 views5 answers
Refresh div jquery
Javascript jQuery
0 vote275 views1 answer
What is code.jquery integrity crossorigin
Javascript jQuery
0 vote227 views1 answer
Ejecutar una funcion js con id html usando jquery
Javascript jQuery
5 votes279 views3 answers
Post data from api using jquery ajax
Javascript jQuery
1 vote259 views1 answer
How to add two number using jqueryu
Javascript jQuery