ユーザーのクリックでsetInterval関数をトリガする方法は？

Question

ユーザーがid = "start"のボタンをクリックすることによってトリガーされるJSタイマーを作成しようとしています。

私はタイマー自体が正しく動作していますが、ボタンクリック（id = "start"）でタイマーを開始するコードを追加しようとすると、私はそれを壊してしまい、理由がわかりません。

ご協力いただければ幸いです！

ここJSコードである：

$(document).ready(function(){ 

    var count = 0; 

     $('#start').click(function(){ 
      setInterval(function(){ 
       count++; 
       $('#timer').html(count + ' tacos seconds'); 
      },1000); 
     }); 

    }); 

Answer 1

$(document).ready(function() { 
    $('#start').click((function(container) { 
     var interval; 
     return function() { 
      if(interval) clearInterval(interval); 

      var count = 0; 

      interval = setInterval(function() { 
       count++; 
       $(container).html(count + ' tacos seconds'); 
      }, 1000); 
     }; 
    })("#timer")); 
}); 

Answer 2

$(document).ready(function() { 
    var count = 0; 
    var myInterval = null; 
    $('#start').click(function(){ 
     myInterval = setInterval(function(){ 
     count++; 
     $('#timer').html(count + ' tacos seconds'); 
     },1000); 
    }); 

は}）。

クリックハンドラのスコープでsetIntervalを設定する場合は、レベルに宣言された間隔を保持する変数に変数を割り当てるようにしてください。これは、通常、常に私のために働いています。

Answer 3

あなたの目的があるexactilyわから、多分あなたはこのような何か試してみたいと思いますない：あなたは本当にナットを行くとresuable何かを持っているしたい場合はここで

var startInterveal; 
var timerStarted = false; 
var count =0; 
$(document).ready(function() { 
    $('#start').click(function() { 
     if (!timerStarted) { 
      timerStarted = true; 
      count =0; 
      $(this).attr('disabled', 'disabled'); 
      startInterveal = setInterval('tick();', 1000); 
     } 
    }); 
}); 

function tick() { 
    count++; 
    $('#timer').html(count + ' tacos seconds'); 
} 

Answer 4

は第二の答えです：

$(document).ready(function() { 
    $('#start').click(overboard("#timer")); 
    $('#start2').click(overboard("#timer2")); 
}); 

function overboard(container) { 
    var interval; 
    return function() { 
     if (interval) clearInterval(interval); 

     var count = 0; 

     interval = setInterval(function() { 
      count++; 
      $(container).html(count + ' tacos seconds'); 
     }, 1000); 
    }; 
}