9.3

타이머 멈췄다 다시 실행하기

컴퓨터에서 가위, 바위, 보 이미지가 돌아가고 있으니 버튼을 클릭해 컴퓨터와 대결하는 부분을 작성하겠습니다.

① 버튼을 클릭하는 순간에는 결과를 확인할 수 있게 이미지 회전을 잠깐 멈추겠습니다. 3.1.3절에서 배웠듯이 setInterval() 함수의 동작은 clearInterval() 함수로 취소할 수 있습니다. 버튼을 클릭하면 setInterval() 함수가 멈췄다가 1초 뒤에 다시 실행하게 합니다.

② 가위, 바위, 보 버튼을 클릭하면 click 이벤트가 발생할 수 있게 이벤트 리스너를 답니다.