Question

我想单击此按钮，每次单击该按钮时，都会添加1，但是当它达到12时，无论您是否继续单击该按钮，我都希望它停止。这是我到目前为止所得到的。

<button>Click Me</button>

<script>
    $(document).ready(function(){
        $('button').click(function(){
            for ( var i = 0; i <= 12; i = i + 1 ) {
                console.log(i.val()+1);
            }
        });
    });
</script>

Answer 1

像

jQuery(function () {
    var counter = 0;
    $('button').on('click.counter', function () {
        if (++counter == 12) {
            $(this).off('click.counter')
        }
        console.log(counter)
    })
})

演示：Fiddle

Answer 2

试试这个，

$(document).ready(function(){       
    var t=0;
    $('button').click(function(){
        t = t+1;
        if(t>12){              
           return true;
        }
        console.log(t);

    });
});

DEMO： http://jsfiddle.net/z8m7d/

Answer 3

您需要按如下方式设置断点：

 $('button').click(function(){
    for ( var i = 0; i <= 12; i++ )
    {
           if(i==12)
             {
       break;  // breaks out of loop completely
             }
        console.log(i);
    }
});

当值达到12时，这将完全抛出for循环中的代码。

Answer 4

最好的方法是，一旦你达到12计数，然后禁用按钮。因此，用户将无法在12 ...之后点击它。

Answer 5

var t=0;
$('button').click(function(){
     if(t++>=12){              
       return true;
    }
});

运行For循环然后停止

5 个答案: