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>

使用Jquery查找输入值并使用延迟计数

1 个答案: