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

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

sitelink1 http://blog.naver.com/kjy07080/70018089024 
sitelink2  
sitelink3  
sitelink4 http://1 
extra_vars4 ko 
extra_vars5  
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 타임에 대해서 익스플로러는 소수점을 지원하지 않는다. (넷스케이프는 지원)

번호 제목 글쓴이 날짜 조회 수
» setTimeout() / setInterval() 메소드 황제낙엽 2008.11.05 111
156 IE브라우저에서 서버의 XML파일을 ajax로 가져와 DOM파싱하는 예제 (XMLHttpRequest, XML, ActiveXObject) 황제낙엽 2018.11.23 103
155 [JavaScript Tutorials] JavaScript and memory leaks (해석중) 황제낙엽 2009.04.08 102
154 자바스크립트 정렬(javascript formatter) 도구 JavaScript Code Improver file 황제낙엽 2011.04.04 97
153 javascript replaceall의 방법에 따른 처리 속도 비교 황제낙엽 2009.02.11 97
152 int * float 연산 오류 file 황제낙엽 2008.12.11 95
151 JavaScript Reserved Words 황제낙엽 2011.11.28 94
150 DOM과 innerHTML 방법에 대한 비교 분석 황제낙엽 2008.11.03 94
149 자바 스크립트 플러그인 황제낙엽 2005.11.22 94
148 Ajax (XMLHttpRequest) 샘플 황제낙엽 2017.08.01 93
147 innerHTML 황제낙엽 2008.11.03 93
146 [펌] 아사페릴의 사생활 - 싱글톤 패턴을 지향한 Javascript Module Pattern 황제낙엽 2009.04.02 90
145 크로스 브라우저를 위한 브라우저 검사 코드 file 황제낙엽 2010.08.27 86
144 자바스크립트 타입 비교 테이블 + 테이블 작성 스크립트 [1] file 황제낙엽 2017.06.23 85
143 [JavaScript Tutorials] Error handling in JavaScript using try/catch/finally - The Error object and throwing your own errors (해석중) 황제낙엽 2009.04.10 82
142 Alert 에서의 개행처리 황제낙엽 2012.03.09 80
141 JSAPI User Guide 황제낙엽 2008.07.14 79
140 JSON.parse() - feat. Object.assign 황제낙엽 2017.07.09 77
139 Understanding User-Agent Strings 황제낙엽 2011.02.22 76
138 이클립스에 Aptana 플러그인 설치하기 (자바스크립트 개발에 유용한 IDE) 황제낙엽 2009.04.17 75