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

Popular posts from this blog

jOOQ update returning clause with Oracle -

java - Warning equals/hashCode on @Data annotation lombok with inheritance -

java - BasicPathUsageException: Cannot join to attribute of basic type -