【JS】【TS】タイマー処理 ~ setTimeout / setInterval etc ~

■ はじめに

https://dk521123.hatenablog.com/entry/2021/02/03/233137

で、setInterval() を使ったが、
JavaScript/TypeScript のタイマー処理について
ちゃんとまとめてなかったので、まとめておく。

タイマー処理

【1】setTimeout
【2】setInterval

【1】setTimeout

* 指定した処理を、指定した時間後に一度だけ実行する

構文

setTimeout(実行したい関数, 何ms後に実行するか);

clearTimeout()

* タイマーを停止させる

構文

var id = setTimeout(関数, ミリ秒);
clearTimeout(id);

【2】setInterval

* 指定した処理を、指定した間隔で実行する

構文

setInterval(実行したい関数, 何ms間隔で実行するか);

clearInterval()

* タイマーを停止させる

構文

var id = setInterval(関数, ミリ秒);
clearInterval(id);

参考文献

https://techacademy.jp/magazine/5537
https://techplay.jp/column/548

関連記事

非同期処理 ~ async/await, Promise ~
https://dk521123.hatenablog.com/entry/2021/01/16/202822
タイプライターのように表示するには... ~ setTimeout()を使用する ~
https://dk521123.hatenablog.com/entry/2016/04/24/142451