javascript clearInterval() 실행 안됨

Question

자바스크립트로 가위바위보 프로그램을 만들고 있습니다.setInteval()로 가위 바위 보 이미지가 차례로 계속 돌아가고가위, 바위, 보 버튼을 클릭하면 clearInterval()로 돌아가던 이미지를 멈추게 하려고 했습니다.그러나 clickButton 함수에 clearInterval()이 들어가면 이미지가 멈추지 않고 계속 돌아갑니다.어느부분이 잘못 되었을까요const $computer &#61; document.querySelector('#computer');const $rock &#61; document.querySelector('#rock');const $sicssors &#61; document.querySelector('#sicssors');const $paper &#61; document.querySelector('#paper'); $computer.style.background &#61; &#96;url('../image/바위.png')&#96;;let computerChoice &#61; 'rock';let inUseURL &#61; ''; const changeComputerHand &#61; () &#61;> { if(computerChoice &#61;&#61;&#61; 'rock') { computerChoice &#61; 'sicssors'; inUseURL &#61; '../image/가위.png'; } else if(computerChoice &#61;&#61;&#61; 'sicssors') { computerChoice &#61; 'paper'; inUseURL &#61; '../image/보.png'; } else if(computerChoice &#61;&#61;&#61; 'paper') { computerChoice &#61; 'rock'; inUseURL &#61; '../image/바위.png'; } $computer.style.background &#61; &#96;url(${inUseURL})&#96;;};let intervalId &#61; setInterval(changeComputerHand, 50); const clickButton &#61; () &#61;> { clearInterval(intervalId);}; $rock.addEventListener('click', clickButton);$sicssors.addEventListener('click', clickButton);$paper.addEventListener('click', clickButton);

신입뉴비28282 · Answer

실제로 돌려보지 않아서 틀릴수도 있지만, intervalid를 arrow function으로 바꿔보세요

icksss · Answer

돌려보지 않아서 잘 모르겠지만, 왠지.. 제촉은..이렇게 이야기 하고 있습니다.setInterval 은 50ms 마다 호출 됩니다.50ms 은 changeComputerHand 가 실행되는 시간이 포함된 시간 입니다.따라서, 프로그램이 실행되고, 버튼을 클릭하는 시간 사이에 1초가 걸렸다면, 20번 실행될것으로 예상되는데요.멈추지 않는것이 아니라.. 너무 많이 실행된건 아닌지요?시간을 늘려보시고 테스트 해보시거나, setTimeout 으로 중첩해서 실행 하도록 하면, 어떨런지요.

javascript clearInterval() 실행 안됨

2개의 답변

기술 목록