javascript - Jquery number counter for updates -
i have jquery functions. want make 1 function can thesame results calling function , passing arguements.
as can see, function same thing counting numbers. love have 1 function , parse out arguments same results. startcount(arg1, arg2);
var one_countsarray = [2,4,6,7,4252]; var two_countsarray = [3,3,4,7,1229]; var sumemp = one_countsarray.reduce(add, 0); var sumallis = two_countsarray.reduce(add, 0); function add(a, b) { return + b; } var count = 0; var intv = setinterval(function(){startcount()},100); var intv2 = setinterval(function(){startcount2()},100); function startcount() { if(count == sumemp) { clearinterval(intv); } else { count++; } $('.stats_em').text(count); } var count2 = 10; function startcount2() { if(count2 == sumallis) { clearinterval(intv2); } else { count2++; } $('.stats_iss').text(count2); }
div { padding:50px 0; background: #000000; color: #ffffff; width: 100px; height:100px; border-radius:50%; text-align: center; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <div class="stats_em"></div> <div class="stats_iss"></div>
how simple jquery plugin
$.fn.countto = function(arrnums){ var self = this; function add(a,b){ return a+b; } var current = 0; var max = arrnums.reduce(add,0); var int = setinterval(function(){ if(current == max) clearinterval(int); else current++; self.text(current); },100); return this; } $('.stats_em').countto([2,4,6,7,4252]); $('.stats_iss').countto([3,3,4,7,1229]);
div { padding:50px 0; background: #000000; color: #ffffff; width: 100px; height:100px; border-radius:50%; text-align: center; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <div class="stats_em"></div> <div class="stats_iss"></div>
Comments
Post a Comment