/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 vote240 views1 answer
Check if variable is jquery object
Javascript jQuery
62 votes207 views6 answers
Jquery add class
Javascript jQuery
3 votes212 views4 answers
Jquery hover event
Javascript jQuery
0 vote199 views1 answer
Google jquery 3.5.1
Javascript jQuery
1 vote201 views5 answers
Jquery datepicker
Javascript jQuery
17 votes214 views6 answers
Jquery select option value selected
Javascript jQuery
1 vote197 views1 answer
Jquery detect if element has overflow
Javascript jQuery
1 vote253 views1 answer
Jquery post json example
Javascript jQuery
0 vote217 views1 answer
How to get href value of anchor tag in jquery in list
Javascript jQuery
23 votes212 views3 answers
Scroll to element jquery
Javascript jQuery