/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

1 vote128 views1 answer
Get header height jquery
Javascript jQuery
0 vote149 views1 answer
Jquery random color array
Javascript jQuery
0 vote128 views1 answer
Select by style in jquery
Javascript jQuery
1 vote155 views2 answers
Jquery scroll width
Javascript jQuery
1 vote138 views3 answers
Get element inside iframe jQuery
Javascript jQuery
0 vote287 views1 answer
Select one option value jquery
Javascript jQuery
1 vote134 views1 answer
How to completely reload page in jquery
Javascript jQuery
0 vote131 views1 answer
Combine the values of 2 arrays in key = value jquery
Javascript jQuery
0 vote125 views1 answer
Jquery add event after page load
Javascript jQuery
0 vote122 views4 answers
Jquery save method
Javascript jQuery