/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

3 votes159 views1 answer
Jquery version how
Javascript jQuery
3 votes150 views4 answers
Hidden jquery
Javascript jQuery
0 vote176 views1 answer
Jquery method
Javascript jQuery
1 vote157 views1 answer
Jquery multiple div click
Javascript jQuery
0 vote161 views2 answers
Jquery click not working on ajax loaded content
Javascript jQuery
18 votes172 views3 answers
Enable input jquery
Javascript jQuery
76 votes162 views6 answers
Jquery document load
Javascript jQuery
2 votes174 views1 answer
Double click in jquery
Javascript jQuery
0 vote156 views1 answer
Jquery get id of clicked element
Javascript jQuery
0 vote152 views1 answer
Jquery input valueadd
Javascript jQuery