jsのsetInterval、間隔を動的に変更

質問

株チャートのリアルタイム表示をjsで実装しています
株データは時間別に２種類あります
・１つは、１分足ファイル。１分ごとに１件のデータです。
・２つ目は、約定単位。時間は関係なく約定するごとに１件のデータを持ちます

ファイル構成は、
日付、時間(h/m/s)、始値、高値、安値、終値
です。

ファイルを読み込んで配列に格納。
それをsetIntervalで間隔をとりながら、
１分足チャート、約定単位チャートの２つを同時表示しています。

問題：
うまく２ファイルを同期させることができない

約定ファイルの場合、１分間で10件の場合もあれば、100件のときもあります。
それを１分足チャートの規則的な表示間隔に合わせて、
約定チャートの表示速度をsetIntervalで調整できないかと思案しています。

setIntervalの時間間隔を「動的に変更すること」で対処できないかと考えていますが、
そのようなことは可能なのでしょうか？

よろしくご教授ください。

回答No.1

pringlez · ベストアンサー

分足は分かりますが、あなたの言葉の「約定単位チャート」はよく分かりませんし、あなたの言葉の「同期」の意味もわかりません。分足も約定もそれぞれ独立した過去の静的なデータに過ぎず、一般的な意味での「同期」は全く必要ないはずです。普通に実装したら、ただ単に2つのデータをそれぞれ表示すればいいだけなはずですが…。

とりあえず処理内容はさておき、質問はここですね。

>setIntervalの時間間隔を「動的に変更すること」
>そのようなことは可能なのでしょうか？

可能か不可能かということなら、当然可能ですよ…。
JavaScriptをあまり触ったことがない方なのでしょうか。それを前提に書きますと

setIntervalの戻り値のIDを保存しておいて
clearIntervalで処理を停止させ、
新たな処理間隔を指定したsetIntervalを実行すればいいだけです。

コードにするとこんな感じでしょうか。

var pid = null;
function _setInterval(func, msec) {
　　if (pid) clearInterval(pid);
　　pid = setInterval(func, msec);
}

お礼

勉強になりました。
ありがとうございます。