タイマを使う|JavaScript

      2018/06/14

JavaScriptでのタイマ実装方法です。

インターバルタイマ

一定間隔毎に通知を行うタイマです。

開始メソッド

setInterval(callback, interval_ms, [arg1, arg2, ...]);

停止メソッド

clearInterval(timerId);

timerIdはsetIntervalの戻り値

サンプル

var cnt = 0;
var delayTimer = setInterval(function() {
    console.log("***");
    cnt++;
    if (5 < cnt) {
        clearInterval(delayTimer);
        console.log("stop");
    }
}, 100);

実行結果

***
***
***
***
***
***
stop

ディレイタイマ

開始メソッド

setTimeout(callback, interval_ms, [arg1, arg2, ...]);

強制停止メソッド

clearTimeout(timerId);

timerIdはsetTimeoutの戻り値

サンプル

var delayTimer = setTimeout(function() {
    console.log("stop");
}, 500);

実行結果

stop

 - JavaScript/JSP