ストップウォッチを作る JavaScriptの置き場所 の使い方

スポンサーリンク

ここではのコードを紹介します。

詳しい説明はございません。コピペして使用してください。

スポンサーリンク

ストップウォッチを作るためのJavaScriptのコード

以下のボタンを押してみてください。

0.0

var intervalId; 
var elapsedTime = 0; 
function startTimer() { 
  intervalId = setInterval(function() { 
    elapsedTime += 0.1; 
    document.getElementById("timer").innerHTML = elapsedTime.toFixed(1);
   }, 100);
} 

function stopTimer() {
  clearInterval(intervalId);
} 

function resetTimer() { 
  stopTimer(); 
  elapsedTime = 0; 
  document.getElementById("timer").innerHTML = elapsedTime.toFixed(1); 
}
説明 setInterval 関数を呼び出す際のインターバルを100ミリ秒(0.1秒)とし、表示する elapsedTime 変数も0.1秒ごとに増加させています。また、 toFixed 関数によって小数点以下1桁まで表示するようにしています。

こちらの記事も参考に