setTimeout, setInterval, requestAnimationFrame

Jiwontwopunch·2022년 4월 8일
0

독학

목록 보기
44/102
post-thumbnail

setTimeout / clearTimeout

설정해놓은 최소 시간 이후 함수가 한번 실행
setTimeout(function|
setTimeout(function()| X

중첩 setTimeout은 호출 결과에 따라 다음 호출을 원하는 방식으로 조정해 스케줄링할 수 있기때문에 setInterval을 사용하는 것보다 유연하다.

서버 과부화일때 요청간격 증가시키기
let delay=5000;
let timeId = setTimeout(function request() {..요청 전송..
	if (서버과부화로 인증 요청 실패) {
    // 다음 요청 간격을 늘린다
    delay*=2;
    }
    timeId=setTimeout(request, delay);
}

setInterval / clearInterval

timeId = setInterval(sample, 1000/60);

1000/60 : 1초에 60번 실행

requestAnimationFrame / cancleAnimationFrame

1초에 60번 실행

0개의 댓글