LemonteaのUnity部屋

C#とかのお話です~

JavaScript入門 タイマーで定期的に処理 setIntervalでn秒ごとに処理してclearIntervalで停止

こんにちは。レモンティーです。

今回は定期的な処理と、その停止です。

使うのはsetIntervalとclearIntervalです。

var timer;

//開始
timer = setInterval("関数()",間隔);

//停止
clearInterval(timer)


あああああ



サンプルのコードはこれです。
HTML

<p id="test">あああああ</p>
<button type="button" onclick="start()">開始</button>
<button type="button" onclick="stop()">停止</button>

JS

<script>
  var timer;
  var i = 0;
  var x = new Array("いいいいい","ううううう","えええええ","おおおおお","あああああ");
  var target = document.getElementById("test");  

  function start(){
    timer = setInterval("show()",1000);
  }

  function stop(){
    clearInterval(timer);
  }

  function show(){
    test.innerHTML = x[i%5];
    i += 1;
  }
</script>



今回はこれでおしまいです。
www.sawalemontea.com