■ はじめに
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