/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 vote260 views1 answer
Jquery nice select
Javascript jQuery
3 votes252 views1 answer
When a form is subbmited jquery
Javascript jQuery
0 vote323 views1 answer
Json_decode jquery
Javascript jQuery
0 vote271 views1 answer
How make date object in jquery from custom date
Javascript jQuery
12 votes262 views2 answers
Deserialize json jquery
Javascript jQuery
1 vote226 views1 answer
Jquery on body click
Javascript jQuery
0 vote272 views1 answer
Uncaught TypeError: jQuery.browser is undefined
Javascript jQuery
0 vote203 views1 answer
Scroll to class jquery
Javascript jQuery
0 vote261 views1 answer
Jquery add number as id variable
Javascript jQuery
0 vote241 views1 answer
Jquery onclick multiple buttons
Javascript jQuery