レンダリングロジック＠JavaScript¶
はじめに¶
本サイトにつきまして、以下をご認識のほど宜しくお願いいたします。
Window¶
Windowとは¶
ブラウザのウィンドウ (ブラウザタブ) を表すオブジェクトである。
clearInterval¶
▼ clearIntervalとは¶
setInterval関数によって定期実行中の関数を停止する関数を返却する。
function setIntervalFunction(
func: () => void,
interval: number
): () => void {
const intervalId = setInterval(func, interval);
// 停止するための関数を返す
return () => clearInterval(intervalId);
}
// 使用例
const stop = setIntervalFunction(() => {
console.log("定期実行中");
}, 1000);
// 5秒後に停止
setTimeout(() => {
// 返却された関数を実行すると、ループを停止できる
stop();
console.log("停止しました");
}, 5000);
setTimeout¶
▼ setTimeoutとは¶
指定した秒数だけ処理を待機する。
// 5秒待機する。
await new Promise((resolve) => {
setTimeout(resolve, 5000);
});
setInterval¶
▼ setIntervalとは¶
指定した秒数ごとに処理を実行する。
clearInterval関数の返却値の関数で処理を停止できる。
function setIntervalFunction(
func: () => void,
interval: number
): () => void {
const intervalId = setInterval(func, interval);
// 停止するための関数を返す
return () => clearInterval(intervalId);
}
// 使用例
const stop = setIntervalFunction(() => {
console.log("定期実行中");
}, 1000);
// 5秒後に停止
setTimeout(() => {
// 返却された関数を実行すると、ループを停止できる
stop();
console.log("停止しました");
}, 5000);