728x90 300x250 타이머함수3 타이머 함수 : 심플이미지 배너 요구사항) 01_1초에 한 번씩 배열에 들어있는 이미지를 순차적으로 전환 02_ 이미지가 무한 반복해서 전환되도록 이미지 변경방법 $images.attr("src", 이미지이름); 2019. 8. 9. 타이머를 함수 게임 1_ 타이머 함수를 활용해서 물고기 잡기 게임 만들기 요구사항 1. 5초 동안 물고기를 많이 클릭하기 게임 2. 쿨고기 클릭시 1점 3. 게임이 종료된 후 물고기 클릭 시 게임 점수가 올라가면 안된다. 4. 점수는 획득 시 바로 화면에 출력한다. 현재점수 0 점수를 출력하는 방법 $("#score").html(점수); 또는 $("#score").text(점수); 클릭이벤트 등록 방법 $(selector).click(function(){ 실행소스 }); 구현은 점수처리와 게임종료 2단계로 나눠서 처리한다. 2_ 자동으로 물고기 움직이기 요구사항 1. 시작 버튼 누르면 물고기가 좌우로 자동으로움직인다. 2. 정지버튼을 누르면 멈춘다. 다시 시작 버튼을 누르면 물고기가 다시 움직인다. 물고기를 움직이는 방법 .. 2019. 8. 8. 타이머 함수 소개 - setInterval() 일정한 시간마다 특정 구문을 실행하고자 할 때 사용하는 기능 - 이미지 슬라이더에서 일정 시간마다 이미지가 자동으로 슬라이드 되는 기능 - 롤링 배너에서 일정 시간마다 배너를 변경할 때 - 일정 시간마다 자동으로 변경되는 실시간 검색어 - 게임에서 플레이 시간을 나타낼 때 주요기능 setInterval() : 일정 시간마다 주기적으로 특정 구문을 실행하는 기능 setTimeout() : 일정 시간이 지난 후 특정 구문을 딱 한번 실행하는 기능 clearInterval() : 실행 중인 타이머 함수를 먼추는 기능 타이머 함수는 모두 전역 객체인 window에 들어있다. 즉 window.setInterval()과 setInterval()은 동일하다 01 일정시간마다 특정 구문을 실행하는 타이머 만들기 var.. 2019. 8. 5. 이전 1 다음 728x90 반응형