const changeComputerHand = () => {
(중략)
}
①
let intervalId = setInterval(changeComputerHand, 50);
const clickButton = () => {
clearInterval(intervalId);
// 점수 계산 및 화면 표시
setTimeout(() => {
intervalId = setInterval(changeComputerHand, 50);
}, 1000);
};
②
$rock.addEventListener('click', clickButton);
$scissors.addEventListener('click', clickButton);
$paper.addEventListener('click', clickButton);
파일을 저장하고 실행합니다. 버튼을 클릭해 보면 이미지가 멈췄다가 1초 뒤에 다시 돌아갑니다. 그런데 여기에 한 가지 버그가 있습니다. 이미지가 멈춘 동안 버튼을 여러 번 클릭하면 1초 뒤에 평소보다 훨씬 더 빠르게 돌아갑니다. 이후 버튼을 클릭해도 그림이 멈추지 않습니다. 왜 이런 현상이 나타날까요?