일반 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 타임에 대해서 익스플로러는 소수점을 지원하지 않는다. (넷스케이프는 지원)

번호 제목 글쓴이 날짜 조회 수
77 [펌] TAEYO.NET - JavaScript OOP 스트레칭 황제낙엽 2009.04.02 27
76 Rhino scopes and contexts 에 대한 문서 황제낙엽 2008.07.18 27
75 Fetch API (CORS 극복을 위한 노력) 황제낙엽 2021.12.05 26
74 유용한 자바스크립트 예제 몇가지 (Tree 및...) file 황제낙엽 2005.10.20 26
73 링크모음 황제낙엽 2011.03.25 25
72 YUI Logger(Yahoo) 를 동적으로 로드하는 북마크릿 황제낙엽 2010.10.03 25
71 생성자 체인과 상속 황제낙엽 2008.08.08 24
70 Date객체 - 날짜구하기 file 황제낙엽 2008.02.19 24
69 CORS(Cross-Origin Resource Sharing) - 2 황제낙엽 2017.03.07 24
68 연산자 this 황제낙엽 2014.12.30 23
67 URI 인코딩을 해야 하는 문자들 황제낙엽 2009.09.02 23
66 [펌] 아사페릴의 사생활 - __proto__ 와 construct 와 prototype 황제낙엽 2009.04.02 23
65 String xml 파싱 황제낙엽 2008.11.03 23
64 XML+JS 연동 다중셀렉트박스 (1) - <font color="brown">(MS Explorer 전용)</brown> 황제낙엽 2005.12.02 23
63 파이어폭스로 스크립트 디버깅하기 황제낙엽 2009.01.14 22
62 동적인 언어를 동적으로 호출하기 file 황제낙엽 2008.07.14 22
61 [펌] TAEYO.NET - JavaScript OOP 코어객체와 prototype를 사용한 객체확장 황제낙엽 2009.04.02 21
60 Object 와 Prototype 황제낙엽 2008.08.08 21
59 [펌]자바스크립트에서 객체 생성 방법 황제낙엽 2008.08.07 21
58 감추기, 보이기 화면 예제 황제낙엽 2008.04.14 21