javascript - 不超过特定变量的增量值

Question

我有以下代码，可以自动递增数字。我想根据预期值增加数字。然后停止增量。请看下面的代码

var expected_value = 1000;
var val = expected_value - 60;
$("#counter").val(val);

function numberFormat(n) {
  n += '';
  x = n.split('.');
  x1 = x[0];
  x2 = x.length > 1 ? '.' + x[1] : '';
  var rgx = /(\d+)(\d{3})/;
  while (rgx.test(x1)) {
    x1 = x1.replace(rgx, '$1' + ',' + '$2');
  }
  return x1 + x2;
}

(function loop() {
  setTimeout(function() {

    var counter = document.getElementById('counter');
    var current = parseInt(counter.value.replace(',', ''));

    var max_add = 1;
    var min_add = 1;

    if (counter.value == expected_value) {
      counter.value = true_value;
    } else {
      counter.value = numberFormat(current + Math.floor(Math.random() * max_add + min_add));
    }


    loop();
  }, 100);
}());

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="counter" type="text" readonly="true">

Answer 1

您可以在递归循环调用之前验证循环值和期望值

已更新

its stop if max_add change or else loop value hit above expected_value

var expected_value = 1000;
var val = expected_value - 60;
$("#counter").val(val);

function numberFormat(n) {
  n += '';
  x = n.split('.');
  x1 = x[0];
  x2 = x.length > 1 ? '.' + x[1] : '';
  var rgx = /(\d+)(\d{3})/;
  while (rgx.test(x1)) {
    x1 = x1.replace(rgx, '$1' + ',' + '$2');
  }
  return x1 + x2;
}

setTimeout(function(){
  max_add = Math.random()
},3000)
var max_add = 1,new_add = 1;
var val = 0;
(function loop() {
  setTimeout(function() {

    var counter = document.getElementById('counter');
    var current = parseInt(counter.value.replace(',', ''));
    var min_add = 1;

    if (counter.value == expected_value) {
      counter.value = true_value;
    } else {
      val = current+Math.floor(Math.random()*10)+ Math.floor(Math.random() * max_add + min_add);
      counter.value = numberFormat(val);
    }

    if (val <= expected_value && max_add == new_add) { //matching the loop value and expected value
      loop();
    }
    new_add = max_add
  }, 100);
}());

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="counter" type="text" readonly="true">