トップページ >  JavaScript >  定期的に関数を実行する
初版2013/01/10： 最終更新日2013/01/10
  定期的に関数を実行する
目次
・定期的に関数を実行する
・定期的に実行している関数をキャンセルする
定期的に関数を実行する
JavaScriptで定期的に関数を実行するにはsetInterval関数を使用します。
第1引数に関数名、第2引数にミリ秒を指定します。関数名は必ずダブるクォーテーションで囲みます。

ボタンをクリックすると1秒ごとに時間を取得して表示する関数を実行します。





以下、ソースです。

<input type="button" value="時間開始" onclick="a();">
<script type="text/javascript">
<!--
function dateDisp(){
    var d = new Date();
    document.getElementById("time").innerHTML = d;
}

function a()
{
    id = setInterval("dateDisp()",1000);
}

// -->
</script>

定期的に実行している関数をキャンセルする
setIntervalで定期的に実行している関数をキャンセルするにはclearInterval関数を使用します。
第一引数にはsetIntervalの戻り値であるidを渡します。上記でいう変数idになります。
以下のボタンを押すと、上で実行した時間が止まります。



<input type="button" value="時間停止" onclick="b();">
<!--
function b()
{
    clearInterval(id);
}

// -->

HOME