clearTimeout()
-
JavaScript 입문 : 화면 클릭 반응 속도 체크 - 잘못된 화면 클릭시 에러메시지 표시컴퓨터 알아가기/JavaScript 2022. 7. 29. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 지난 시간까지는 전체적인 흐름의 프로그램을 기본적으로 완성을 하였구요. 기본적 코딩 중 남아있는 부분이 빨간화면을 클릭할 경우 경고메시지를 나타내게 하는 작업이 있었습니다. 순서도상으로 보면 다음에 해당합니다. 코드는 지난시간 비워놓았던 else if 마지막에 사용할 수 있습니다. 1. 빨간카드시 에러메시지 코딩 코딩은 다음과같이 기본적으로 생각할 수 있습니다. classList 연습을 위해서 이번에는 remove와 add를 사용하였습니다. 브라우저를 실행하여 확인을 해보니 어딘가 이상한 점이 발견이 되었습니다. 작동은 잘되는데 원래 취지는 빨간카드를 클릭하면 에러메시지를 보여주고 다시 클릭이 되야 처음으로 돌아가야 하는데 에러메시지 후..
-
JavaScript 입문 : 가위바위보 게임 - clearInterval(), clearTimeout()컴퓨터 알아가기/JavaScript 2022. 7. 8. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 지난 시간 다음 그림과 같이 브라우저에서 setInterval 함수를 이용하여 가위바위보 그림이 무한루프로 변하게 설정을 해 보았습니다. setInterval은 또 setTimeout 함수로 바꾸어 할 수도 있었구요. 그림을 보면 가위바위보가 무한정 0.05초 간격으로 변하고 있고 밑에 가위 바위 보의 각 버튼을 만들어 놓았습니다. 즉, 버튼을 누르면 그림이 멈추면서 승패에 대한 점수를 계산하는 방식으로 되어 있습니다. 우선 무한정 돌고있는 그림을 멈추는 함수 명령어가 필요합니다. setInterval() 함수를 멈추게 하는 함수는 clearInterval() 함수입니다. 참고로 setTimeout() 함수를 취소하는 함수는 clearT..