タイマーが起動しない

Question

通常のタイマーをJavascriptで作成しようとしましたが、チュートリアルの助けを借りて何かをコーディングし始めました。

私はチュートリアルと同じようにしましたが、タイマーは実際には動作しません。理由はわかりません。

ここ

は私のコードです：私のコードで何が間違っているhttps://jsfiddle.net/adamswebspace/5p1qgsz9/

：

var time = 0; 
     var running = 0; 

     function startPause() { 
      if(running == 0){ 
       running = 1; 
       increment(); 
      } 
      else{ 
       running = 0; 
      } 
     } 

     function reset(){ 
      running = 0; 
      time = 0; 
      document.getElementById("startPause").innerHTML = "Start"; 

     } 
     function increment() { 
       if(running == 1){ 
       setTimeout(function(){ 
        time++; 
        var mins = Math.floor(time/10/60); 
        var secs = Math.floor(time/10); 
        var tenths = time % 10; 
        document.getElementById("output").innerHTML = mins + ":" + secs + ":" + tenths; 

          }, 100); 
       } 
     } 
</script> 

私はまた、あなたがここにチェックアウトすることができますフィドルを作ったのですか？

Answer 1

私は少しあなたのコードをクリアし、代わりのsetIntervalのsetTimeoutメソッドを使用。 clearIntervalを使用する必要が ノートでは、タイマー

var time = 0; 
var running = 0; 
var timer = null; 
function increment() { 
    time++; 
    var mins = Math.floor(time/10/60); 
    var secs = Math.floor(time/10); 
    var tenths = time % 10; 
    document.getElementById("output").innerHTML = mins + ":" + secs + ":" + tenths; 
} 
function startPause() { 
    if (running === 0) { 
     running = 1; 
     timer = setInterval(increment, 1000); 
    } else { 
     running = 0; 
     clearInterval(timer); 
    } 
} 

function reset() { 
    running = 0; 
    time = 0; 
    document.getElementById("startPause").innerHTML = "Start"; 

} 

Answer 2

は、あなたのコード内の関数を見つけることonclickためには、以下の

var vm = this; 

vm.startPause = function startPause() { 
    if (running == 0) { 
    running = 1; 
    vm.increment(); 
    } else { 
    running = 0; 
    } 
} 

https://jsfiddle.net/f7hmbox7/

Answer 3

のような機能をバインドする必要があります。これは、JSFiddle用の<script>タグで指定する必要があります。

あなただけ

<script> 

/** JS Here */ 

</script> 

を追加することができ、それが動作します。

JSからのすべてのエラーは、ブラウザインスペクタのコンソールに表示されることに注意してください。

https://jsfiddle.net/dzskncpw/