728x90 300x250 SMALL javaScript/JS Examples47 타이머를 함수 게임 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. 탭메뉴 선택처리 콜백함수로 받기 선택한 메뉴 아이템의 인덱스값 구하기 - 일반함수 google facebook pinterest twitter airbnb path 선택한 인덱스 값 : 가장 간단한 방법은 이전에 탭메뉴 예제에서 $("#info").html($selectMenuItem.index()); 이런식으로 구문을 추가해주는것 하지만 이렇게 하면 탭메뉴는 반드시 #info가 있어야 한다. .html은 html요소를 가져오는것 -콜백함수 google facebook pinterest twitter airbnb path 선택한 인덱스 값 : $("#info").html($selectMenuItem.index()); 이 구문을 onSelectItem 함수로 만들고 index 매개변수로 연결한다. tabMenu 함수에 callback 매.. 2019. 8. 4. 이전 1 ··· 3 4 5 6 7 8 9 ··· 12 다음 728x90 반응형 LIST