• HOME
• JavaScript/JSP
• タイマを使う|JavaScript

タイマを使う|JavaScript

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

Tweet

スポンサードリンク

スポンサードリンク

前の記事

変数定義のスコープ|JavaScript

次の記事

jQuery UI Resizableを使って画像をめくるように見せる