메뉴 건너뛰기

조회 수 8162 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
setTimeout() / clearTimeout() / setInterval()

먼저 setTimeout()메소드는 윈도우 객체에서 사용 하고

메소드에 지정된 시간이 되면 함수를 실행 합니다.

사용법은

window.setTimeout("실행할 함수", 시간) 또는 setTimeout("실행할 함수", 시간)

이렇게 사용 합니다. window 객체를 사용 하는 메소드는 window를 쓰지 않아도 실행 됩니다.

그리고 clearTimeout()은 setTimeout()으로 실행 한 함수를 멈출때 사용 합니다.

이럴때는 먼저 setTimeout()메소드를 변수에 메모리 하고 그것을 clearTimeout에서 사용

합니다.

예를 들어

rangs = window.setTimeout("실행할 함수", 시간);

이렇게 함수를 실행했다면 해제 할때에는

window.clearTimeout(rangs);

이렇게 하면 됩니다.

그리고 setTimeout("실행할 함수", 시간); 여기서 시간이란 1/1000초 입니다.

즉 setTimeout("실행할 함수", 1000); 이면 1초후에 함수를 실행 합니다.

그리고 setInterval() 메소드는 setTimeout() 메소드와 동일하나

setTimeout는 함수를 지정된 시간후에 한번 실행 하고 setInterval()메소드는

인터발(간격)을 두고 함수가 계속해서 실행 됩니다.

예를 들어

window.clearInterval("실행할 함수", 5000);

이렇다면 5초 간격으로 함수가 계속해서 실행 됩니다.



moveBy() / moveTo()

마찬가지로 윈도우객체에서 사용하는 메소드 입니다.

moveBy 상대적으로 이동 moveBy(x축,y축)

moveTo 절대적으로 이동 moveTo(x축,y축)

관련 예제



resizeBy() / resizeTo()

윈도우 객체에서 사용 하는 메소드 입니다.

resizeBy(가로, 세로) 상대적인 크기

resizeTo(가로, 세로) 절대적인 크기

onLoad="parent.resizeTo(500,400)"

위와 같이 소스를 BODY 태그에 넣고 해보세요 그럼 페이지 로딩시 절대적인 크기로 뜹니다.



scrollBy() / scrollTo()

윈도우 객체에서 사용 하는 메소드 입니다.

scrollBy(가로스크롤, 세로스크롤) 상대적인 스크롤

scrollTo(가로, 세로) 절대적인 스크롤

관련 예제



stop()

윈도우 객체에서 사용 하는 메소드 입니다.

음~~~~ 브라우저에 위에 보시면 중지(빨간색 엑스자:IE기준) 버튼 있습니다.

그 기능을 수행 합니다.

 

List of Articles
번호 제목 날짜 조회 수
227 opener 값전달, 함수실행.(자식창에서 부모창으로 값전달, 함수실행) 2021.03.26 1437
226 getYear(); 크롬, 파이어폭스 에서 제대로 작동 안하는 문제 2021.03.26 197
225 DTREE 트리구조 만들기 file 2021.03.26 862
224 페이지 이동 2021.03.26 190
223 default 매개변수(매개변수 기본값) 2021.03.26 199
222 자바스크립트에서 이벤트 중단 하는 방법 2021.03.25 321
221 현재 날짜, 시간 ( Month + 1 에 대해서 ) 2021.03.25 218
220 오브젝트 속성 2021.03.25 237
219 jqgrid 이용한 그리드 활용하기 file 2021.03.25 2325
218 HTML, Javscript - 선택한 색상으로 배경색 바꾸기(pallet 만들기) file 2021.03.09 712
217 Javascript - 입력받은 숫자를 순서대로 홀짝 별로 배열에 삽입하기 2021.03.09 302
216 Javascript - Free SVG 한국맵 제어 처리 file 2021.03.09 870
215 Javascript - form태그 내부 ajax처리시 2번 전송되는 현상 2021.03.09 268
214 javascript - vanillaJS로 체크박스(checkbox) 제어하기 file 2021.03.09 498
213 Javascript - 유효성 체크(이메일 정규식, IP 정규식, 비밀번호 등) 2021.03.09 726
212 Javascript - 사업자 등록번호 유효성 체크 file 2021.03.09 1089
211 Javascript - Calendar 달력 생성하고 제어하기 2021.03.09 512
210 Javascript - 입력한 년, 월의 마지막 날짜 구하기 2021.03.09 224
209 Javascript - 화면 캡처 후 서버에 저장하기(html2canvas 사용법, 주의사항) file 2021.03.09 2164
208 Javascript - 이미지 미리보기 회전되어 나옴(EXIF) file 2021.03.09 36264
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 13 Next
/ 13

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved