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

황제낙엽 2008.11.05 11:16 조회 수 : 467 추천: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 타임에 대해서 익스플로러는 소수점을 지원하지 않는다. (넷스케이프는 지원)

번호 제목 글쓴이 날짜 조회 수
86 테이블 엘리먼트 생성 스크립트 황제낙엽 2009.04.07 448
85 MS 익스플로러상에서 문제가 되는 Leak 모델 황제낙엽 2009.04.03 501
84 잘못된 종속관계 해지에 따른 메모리 누수 예제 황제낙엽 2009.04.03 389
83 [펌] TAEYO.NET - Js OOP - 나만의 프레임워크 만들기 황제낙엽 2009.04.02 356
82 [펌] TAEYO.NET - Js OOP - 사용자 정의 객체. 그리고 상속과 재사용 황제낙엽 2009.04.02 355
81 [펌] TAEYO.NET - JavaScript OOP 코어객체와 prototype를 사용한 객체확장 황제낙엽 2009.04.02 360
80 [펌] TAEYO.NET - JavaScript OOP 스트레칭 황제낙엽 2009.04.02 366
79 [펌] 아사페릴의 사생활 - 싱글톤 패턴을 지향한 Javascript Module Pattern 황제낙엽 2009.04.02 441
78 [펌] 아사페릴의 사생활 - Code Conventions for the JavaScript Programming Language 황제낙엽 2009.04.02 503
77 [펌] 아사페릴의 사생활 - __proto__ 와 construct 와 prototype 황제낙엽 2009.04.02 352
76 [펌] 아사페릴의 사생활 - prototype과 __proto__ 와 constructor 황제낙엽 2009.04.02 402
75 [펌] 아사페릴의 사생활 - __proto__ 와 prototype에 대해.. 황제낙엽 2009.04.02 346
74 [펌] 아사페릴의 사생활 - Javascript의 클래스에 관한 이야기 황제낙엽 2009.04.02 387
73 [펌] 아사페릴의 사생활 - Javascript의 constructor 와 prototype 황제낙엽 2009.04.02 497
72 [펌] prototype (2) 황제낙엽 2009.04.02 345
71 [펌] prototype (1) 황제낙엽 2009.04.02 363
70 unshift() Method 황제낙엽 2009.03.02 661
69 javascript replaceall의 방법에 따른 처리 속도 비교 황제낙엽 2009.02.11 447
68 파이어폭스로 스크립트 디버깅하기 황제낙엽 2009.01.14 385
67 숫자 여부와 자리수를 체크 하는 예제 황제낙엽 2009.01.12 5541