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

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

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

번호 제목 글쓴이 날짜 조회 수
246 [Gemini] ajax 와 fetch 의 차이 황제낙엽 2025.01.04 3419
245 [검토 완료] 디바이스 카메라로 촬영한 사진을 서버에 업로드하기 샘플 황제낙엽 2024.11.21 3988
244 브라우저에서 이미지를 편집(crop 등) 할 수 있는 오픈소스 Cropper.js 황제낙엽 2024.11.16 3843
243 [ChatGPT] json data 의 정렬 [1] 황제낙엽 2024.07.23 3358
242 DOMContentLoaded 이벤트와 window.onload 이벤트 황제낙엽 2024.07.15 3673
241 fetch() 사용 예제들 황제낙엽 2024.07.09 3383
240 [Copilot] Vanilla JavaScript에서 외부 스크립트 파일에 정의된 함수들을 로드 황제낙엽 2024.06.21 3760
239 [Copilot] ES6 모듈(module) 문법 황제낙엽 2024.06.21 3815
238 [Copilot] JSON 객체 내부 데이터를 순회하면서 조회하는 코드 황제낙엽 2024.06.02 3274
237 [Copilot] JavaScript로 서버에 특정 값을 POST 방식으로 전달하고 응답을 기다리지 않고 바로 종료 황제낙엽 2024.05.31 3623
236 json 데이터 내의 변수명에 prefix 로 type 표현하기 황제낙엽 2024.04.15 3364
235 fetch() 함수 사용 예제 file 황제낙엽 2023.11.23 3607
234 현재 document 의 host 와 port 를 얻는 방법 황제낙엽 2023.10.03 4211
233 (Bard) FileReader 로 여러개의 파일을 read 하는 법 file 황제낙엽 2023.08.23 3666
232 How to build a file upload service with vanilla JavaScript file 황제낙엽 2023.08.22 3716
231 (Bard) JavaScript로 JSON 배열을 작성하는 방법 황제낙엽 2023.08.21 3674
230 모바일 브라우저에서 file input element 를 이용하여 여러장의 이미지를 서버에 전송하려 할때 [1] 황제낙엽 2023.08.21 3704
229 navigator.mediaDevices 황제낙엽 2023.08.21 3800
228 Barcode Detection API 황제낙엽 2023.08.06 3859
227 정규식을 이용한 이메일 검증 스크립트 file 황제낙엽 2023.06.25 2895