JavaScript setInterval / clearInterval 使用法

設定したインターバルで繰り返す、" setInterval / clearInterval "の使い方について記す。 下のAutoと表示したボタンをクリックすると、ボタン表示をStopに変え ボタンの上の数字をひとつ足す場合の setIntervalの使い方だ。横のResetボタンは、その数字を０にリセットする。

• ひとつのボタンで" setInterval / clearInterval "を機能させるのは、別々のボタンだと、 " setInterval "ボタンを２度以上クリックしたとき妙な動きをすることがあるからだ。
• このとき、document.getElementById("markButton").value = " Auto/Stop "で、 ボタン表示を" Auto " と" Stop " に変化させる。
• 初期値に、
  var num123 = -1;
  var setInterbal123 = 0;
  をセットする。
• Auto表示のときのボタンをクリックすると、下行で " setInterval "が開始し、showCoords()を繰り返す。
  　 setInterbal123 = setInterval ( "showCoords()", 600 );
  600はmsecで、1000なら一秒毎に繰り返す。
• このとき、下行で" Auto "表示を" Stop "表示に変える。
  　 document.getElementById("markButton").value = "Stop";
• showCoords()は、数字num123　に１を足す。
  　 function showCoords ( ){
  　　　　num123 += 1;
  　　　　document.getElementById("demo").innerHTML = num123 + 1;
  　};
  
• Stop表示のときのボタンをクリックすると、下行で " clearInterval "が繰り返しを止める。
  　 clearInterval ( setInterbal123 );
  

---

0

---

---