/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 vote229 views1 answer
Jquery 1 second after page load
Javascript jQuery
115 votes472 views6 answers
Jquery checkbox is checked
Javascript jQuery
0 vote237 views1 answer
Bootstrap 4 form validator with jquery
Javascript jQuery
1 vote221 views4 answers
Jquery scrollHeight
Javascript jQuery
7 votes158 views1 answer
Play sound jquery
Javascript jQuery
61 votes258 views3 answers
Google apis jquery
Javascript jQuery
2 votes214 views2 answers
How do I check if an element is hidden in jQuery?
Javascript jQuery
0 vote275 views1 answer
Jquery not calling id from div called in ajax
Javascript jQuery
1 vote237 views1 answer
On scroll page jquery
Javascript jQuery
0 vote250 views2 answers
How can I get or extract some string part from url jquery
Javascript jQuery