查找輸入值並使用Jquery進行延遲計數

Question

我試圖從輸入字段中獲取數值，然後輸出從0到X（輸入值）的值。我還需要使用Jquery將每次寫入延遲20ms乘以當前輸入值（因此對於值4，它將是4 * 20ms）。

我需要補充什麼，以便發生這種情況？ // EDITED

$(".button").click(function() { 
    var honeypotValue = $("#numberBox").val(); 
    if ($("#numberBox").val() != ''){ 
    $(".honeypot").html(honeypotValue + " Bees"); 
    var loops = 0; 
    var loop = function(){ 
    while(loops < honeypotValue){ 
    loops++; 
    console.log(loops); 
    } 
    }; 
    loop(); 
} 
else { 
alert("Honeypot Empty") 
} 
}); 

Answer 1

我會用的setInterval功能可自動打印出蜜蜂的數量。我用i--運算符來減少蜜蜂的數量。

<button class="button">test</button> 
<input value="12" id="numberBox" /> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
<script> 
    $(".button").click(function() { 
     var honeypotValue = $("#numberBox").val(); 
     if ($("#numberBox").val() != '') { 
      var max = Number(honeypotValue), i = 0; 
      tempFunction = function() { 
       console.log(i); 
       if (i < max) { 
        setTimeout(tempFunction,20*i); 
       } 
       i++; 
      } 
      setTimeout(tempFunction,20*i);   
     } 
     else { 
      alert("Honeypot Empty") 
     } 
    }); 

</script>