일반 setTimeout() / setInterval() 메소드

황제낙엽 2008.11.05 11:16 조회 수 : 459 추천:127

sitelink1 http://blog.naver.com/kjy07080/70018089024 
sitelink2  
sitelink3  
sitelink4 http://1 
extra_vars4 ko 
extra_vars5 ko 
extra_vars6 sitelink1 

1. setTimeout() 메소드 - 일정시간후 코드실행

  > setTimeout(code, delay);
  code : 일정시간 후 실행시킬 자바스크립트 코드를 포함한 문자열(함수나 alert같은 코드들...)
  delay : 문자열 code 내에 있는 자바스크립트 코드가 실행되기까지 걸리는 시간 (1/1000초 단위)



2. clearTimeout() 메소드 - setTimeout함수로 정해진 반복코드를 멈추게한다.

  > clearTimeout(setTimeout로 생성된 변수);

ex) var intA = setTimeout("clock()",50)  // 0.05초마다 clock()함수를 실행한다.
      clearTimeout(intA) //setTimeout()로 실행된 메소드를 취소한다.

 

3. setInterval() 메소드 - 일정시간마다 코드 반복실행

  > setInterval(code, delay);
  setTimeout()과 같이 일정시간후에 코드가 실행되지만, 한번실행이 아닌 반복실행된다.
  code : 일정시간 후 실행시킬 자바스크립트 코드를 포함한 문자열(함수나 alert같은 코드들...)
  delay : 문자열 code 내에 있는 자바스크립트 코드가 실행되기까지 걸리는 시간 (1/1000초 단위)


 
4. clearInterval() 메소드 - setInterval함수로 정해진 반복코드를 멈추게한다.

  > clearInterval("setInterval로 생성된 변수")

  - code : 일정시간 후 실행시킬 자바스크립트 코드를 포함한 문자열(함수나 alert같은 코드들...)
  - delay : 문자열 code 내에 있는 자바스크립트 코드가 실행되기까지 걸리는 시간 (1/1000초 단위)
     ex) var intA = setInterval("clock()",50)  // 0.05초마다 clock()함수를 실행한다.
  - clearInterval(intA) //setInterval()로 실행된 메소드를 취소한다.

     ex) var thisP = this;

          var interval = setInterval(function() {

              if (++count > 5 || thisP._inner_elem == null) {

                  stop = true;

              }

              if (stop) {

                  clearInterval(interval);

              }

          }, 200);


주의할 점 : delay 타임에 대해서 익스플로러는 소수점을 지원하지 않는다. (넷스케이프는 지원)

번호 제목 글쓴이 날짜 조회 수
166 무지개링크 (rainbowlink) file 황제낙엽 2005.07.16 508
165 이미지 로드 코드 황제낙엽 2009.06.27 507
164 Fetch API (CORS 극복을 위한 노력) 황제낙엽 2021.12.05 505
163 자바스크립트에서 이벤트 처리에 대한 일련의 흐름 황제낙엽 2008.09.18 505
162 정규식 정리 황제낙엽 2008.11.24 501
161 How to use Rhino to script Java classes. 황제낙엽 2008.07.14 500
160 JavaScript TDD by 강규영 황제낙엽 2007.11.26 499
159 String xml 파싱 황제낙엽 2008.11.03 498
158 Java 버전의 JavaScript 엔진 라이노 (Rhino) 황제낙엽 2008.07.14 497
157 CKEditor 3 JavaScript API Documentation 황제낙엽 2011.11.14 495
156 Navigator 객체란? 황제낙엽 2011.02.22 495
155 슬라이딩 메뉴 황제낙엽 2005.12.02 495
154 브라우저에서 이미지를 편집(crop 등) 할 수 있는 오픈소스 Cropper.js 황제낙엽 2024.11.16 494
153 CORS 의 내용과 이에 대한 우회 방안들 file 황제낙엽 2021.12.05 493
152 MS 익스플로러상에서 문제가 되는 Leak 모델 황제낙엽 2009.04.03 493
151 자바스크립트(Javascript) escape, encodeURI, encodeURIComponent 인코딩 함수 황제낙엽 2021.04.27 492
150 JavaScript Form Validation file 황제낙엽 2008.11.24 492
149 자바스크립트의 데이터 타입과 변수 황제낙엽 2008.08.06 491
148 [펌] 아사페릴의 사생활 - Code Conventions for the JavaScript Programming Language 황제낙엽 2009.04.02 490
147 innerHTML 황제낙엽 2005.12.19 485