var sum=0;
function f() {
sum++;
if(sum == 10) clearTimeout(id);
}
var id = setTimeout(“f()”, 2);
일단 코드는 그냥 위처럼 setInterval()/clearInterval()를 setTimeout()/clearTimeout()바꾸어 주었는데 이게 정답이 아닌 것 같습니다.
이 문제를 이해 못해서 그런데 어떻게 고쳐야 맞는건가요?
var sum=0;
function f() {
sum++;
if(sum == 10) clearTimeout(id);
}
var id = setTimeout(“f()”, 2);
일단 코드는 그냥 위처럼 setInterval()/clearInterval()를 setTimeout()/clearTimeout()바꾸어 주었는데 이게 정답이 아닌 것 같습니다.
이 문제를 이해 못해서 그런데 어떻게 고쳐야 맞는건가요?
아니요. for 문을 사용하면 안됩니다. for 문을 사용하면
한번 f() 함수가 호출될 때마다 10개의 f()함수가 2라는 시간 후에 호출되고
이 10개의 함수가 다시 10개의 f() 함수가 2라는 시간 후에 호출되도록 하기 때문에
f() 함수의 호출이 기하급수적으로 늘게 되어 큰일 나게 됩니다.
if 문을 쓰고 sum이 10이 아니면, setTimeout("f()", 2)를 다시 호출해야 합니다.
그러면 현재 f 함수는 끝나지만, 지금부터 2라는 시간 후에 다시 f()가 호출될 것입니다.
이런 식으로 계속되지요.
또 f 함수 에서 sum이 10이면 함수 f가 그냥 리턴하도록 작성하면 됩니다.
이 문제를 풀기 위해서는 setTimeout()과 setInterval()의 차이점을 알아야 합니다.
setTimeout()은 1회만 타임아웃이 걸리게 하지만,
setInterval("f()", 2)는 2라는 시간 간격으로 반복적으로 무한히 f() 함수가 호출되게 합니다.
문제의 핵심은 setInterval() 대신, setTimeout()을 이용하여 setInterval() 처럼
계속 f()가 불려지도록 해보라는 뜻입니다.
setTimeout()을 사용하였다면 f() 함수가 한 번 호출될 것이므로 f() 함수 내에서 다시 setTimeout()을 호출하여 다시 f() 함수가 불려지도록
하고 sum이 10에 이르면 setTimeout()을 호출하지 말고 f() 함수를 빠져나오면 됩니다.
아마도 clearTimeout()은 사용할 필요가 없는 것 같습니다.