728x90 300x250 SMALL javaScript545 타이머를 함수 게임 1_ 타이머 함수를 활용해서 물고기 잡기 게임 만들기 요구사항 1. 5초 동안 물고기를 많이 클릭하기 게임 2. 쿨고기 클릭시 1점 3. 게임이 종료된 후 물고기 클릭 시 게임 점수가 올라가면 안된다. 4. 점수는 획득 시 바로 화면에 출력한다. 현재점수 0 점수를 출력하는 방법 $("#score").html(점수); 또는 $("#score").text(점수); 클릭이벤트 등록 방법 $(selector).click(function(){ 실행소스 }); 구현은 점수처리와 게임종료 2단계로 나눠서 처리한다. 2_ 자동으로 물고기 움직이기 요구사항 1. 시작 버튼 누르면 물고기가 좌우로 자동으로움직인다. 2. 정지버튼을 누르면 멈춘다. 다시 시작 버튼을 누르면 물고기가 다시 움직인다. 물고기를 움직이는 방법 .. 2019. 8. 8. 타이머 멈추기 clearInterval clearInterval(timerID); timerID : 제거할 타이머id 리턴값은 없음 예제) 1초에 한번씩 숫자 값 출력하기 변수값을 1초에 한 번 1씩 증가시키고 이 값을 화면에 출력하게하고 정지버튼을 누르면 더이상 실행되지 않는다, 2019. 8. 7. 일정시간이 지난 후 딱 한번만 실행되는 타이머 var timerID = setTimeout(func, duration); 예제) 3초 후에 "안녕하세요 환영합니다"메시지 화면에 출력하기 2019. 8. 6. 타이머 함수 소개 - setInterval() 일정한 시간마다 특정 구문을 실행하고자 할 때 사용하는 기능 - 이미지 슬라이더에서 일정 시간마다 이미지가 자동으로 슬라이드 되는 기능 - 롤링 배너에서 일정 시간마다 배너를 변경할 때 - 일정 시간마다 자동으로 변경되는 실시간 검색어 - 게임에서 플레이 시간을 나타낼 때 주요기능 setInterval() : 일정 시간마다 주기적으로 특정 구문을 실행하는 기능 setTimeout() : 일정 시간이 지난 후 특정 구문을 딱 한번 실행하는 기능 clearInterval() : 실행 중인 타이머 함수를 먼추는 기능 타이머 함수는 모두 전역 객체인 window에 들어있다. 즉 window.setInterval()과 setInterval()은 동일하다 01 일정시간마다 특정 구문을 실행하는 타이머 만들기 var.. 2019. 8. 5. 이전 1 ··· 115 116 117 118 119 120 121 ··· 137 다음 728x90 반응형 LIST