자바스크립트 setInterval 질문입니다.

Question

var t &#61; 1; var DegDraw &#61; setInterval(drawDegs, 10,DegDraw); function drawDegs(Name){ t&#43;&#43; if(t&#61;&#61;5){ clearInterval(Name); t&#61;1; } }5번만 실행하고 끝나는 setInterval 을 만들고 싶은데요.setInterval 할때 자기자신을 인자값으로 넘기는 방법은 없을까요?저는 위와 같이 해봤는데 안되더라구요...ㅠㅠsetInterval 변수 이름을 String으로 보내서 eval()로 clear 하니까 되긴 되는데 느리게 실행되는 부분때문에한 몇번 돌다가 clear하더라구요....

바람종 · Accepted Answer

var timer &#61; { t: 1, id: undefined }; var id &#61; setInterval(drawDegs, 10, timer); timer.id &#61; id; function drawDegs(timer){ console.log(timer); timer.t&#43;&#43; if(timer.t > 5){ clearInterval(timer.id); timer.t &#61; 1; } }이런 느낌의 방법을 찾으시는건가요?var t &#61; 1; var id &#61; setInterval(function() { console.log(t, id); t&#43;&#43; if(t > 5){ clearInterval(id); timer.t &#61; 1; } }, 10);개인적으로는 이런 스타일을 선호하긴 합니다. id가 글로벌이 아니라도 클로저로 캡처링되기 때문이죠.(원리는 fx님이 하신것과 같습니다 좋은 솔루션입니다.)질문에 하신것 처럼 하시면 인자는 값으로 넘어가기 때문에 아직 정의되지 않은 상태인 undefined가 됩니다.

여신특집 · Answer

어떤걸 하고 싶으신건가요..?

fx · Answer

요기베라 · Answer

var DegDraw &#61; setInterval(drawDegs, 10,10,DegDraw); var DegDraw2 &#61; setInterval(drawDegs, 10,20,DegDraw2); var DegDraw3 &#61; setInterval(drawDegs, 10,30,DegDraw3); var DegDraw4 &#61; setInterval(drawDegs, 10,40,DegDraw4); function drawDegs(i,Name){ t&#43;&#43; if(t&#61;&#61;i){ clearInterval(Name); t&#61;1; } }이런식로 drawDegs를 쓰고 싶은데 clearInterval 조건은 네개다 서로 다르게 하고 싶어서요....

요기베라 · Answer

앗 바람종님 아이디어로 해결했습니다. 다들 조언 감사합니다!

자바스크립트 setInterval 질문입니다.

5개의 답변

Q&A 목록