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

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

我需要補充什麼，以便發生這種情況？ // 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") 
} 
});

來源

2017-03-07 Webbly Brown

[setInterval的]（https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setInterval）或[setTimeout的]（https://developer.mozilla.org/en -US/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout） – Hamms

你能告訴我一些示例代碼，所以我可以試着理解它嗎？ –

我會用的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>

來源

2017-03-07 20:14:05 Neil

我仍然努力讓它做我需要的東西。我將如何獲得此數字並僅記錄到控制檯？ –

我得到我可以使用這個，但即時通訊不知道如何添加區間 –

var loops = 0; var loop = function（）{ while（loops

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

回答

相關問題