JavaScriptのtimerに関するWeb API

APIをまとめ、コールバック関数を一定時間実行できます.
setTimeout(callback, millisecond)
時間は、2番目のパラメータで与えられたミリ秒を経てcallback関数を実行します.

function callName(name){
	setTimeout(() => console.log(name + "님, 안녕하세요!"), 1000);
}
callName("HiHi");
// 1초 뒤 "HiHi님, 안녕하세요!" 가 출력된다.

clearTimeout(timerID)

cleartimeoutは、settimeoutを途中で停止することができる.

パラメータで与えられたtimerIDで停止します.

const timer = setTimeout(() => console.log("사용자님, 안녕하세요!"), 1000);

clearTimeout(timer);
// 1초가 지나도, 몇시간이 지나도 콘솔에는 아무것도 출력되지 않는다.

setInterval(callback, millisecond)
コールバック関数は、2番目のパラメータで与えられた時間間隔で実行されます.

function callName(name){
	setInterval(() => console.log(name + "님, 안녕하세요!"), 1000);
}
callName("Good");
// 1초 마다 "Good님, 안녕하세요!" 가 반복적으로 출력된다.

のみで、上の関数は停止できません.

clearInterval(timerId)
clearIntervalを使用して、

setIntervalによって繰り返し実行されるコールバック関数を停止できます.

setIntervalで割り当てられた変数はtimerIdであってもよい.

let printName = setInterval(() => console.log("사용자님, 안녕하세요!"), 1000);
setTimeout(() => clearInterval(printName), 4500);
// 4초동안 1초마다 출력 후, 4.5초 뒤에 반복 실행이 끝난다.