/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 vote282 views1 answer
JQuery search immediate children
Javascript jQuery
1 vote313 views2 answers
Jquery function return
Javascript jQuery
0 vote317 views1 answer
JQuery Validate remote method usage to check if username already exists
Javascript jQuery
23 votes307 views3 answers
How to get clicked radio button value in jquery
Javascript jQuery
16 votes315 views5 answers
Jquery enable disable textbox
Javascript jQuery
6 votes300 views4 answers
Getting href value in jquery
Javascript jQuery
0 vote319 views1 answer
30 mins 24 hours jquery loop
Javascript jQuery
1 vote332 views1 answer
How to add two number using jqueryu
Javascript jQuery
0 vote324 views1 answer
How to check all checkboxes using jQuery? Ask Question
Javascript jQuery
9 votes312 views4 answers
.empty() in jquery
Javascript jQuery