Запустите цикл For, затем остановите

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.

Answer 4

Лучшего способа это, как только вы достигнете 12 счетов, то Отключите кнопку. Таким образом, пользователь не сможет щелкнуть по нему после 12 ....

Answer 5

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