Javascript setInterval 즉시 실행하는 방법

2017. 6. 15. 18:36· Basic/Javascript


이 글은 PC 버전 TISTORY에 최적화 되어있습니다.


서론

 setInterval 함수를 실행해보시면 알겠지만, 지정한 delay 이후에 실행합니다. 즉 (delay - callback - delay - callback - ...) 순으로 진행한다는 것입니다. setInterval을 사용할 때 callback 부터 실행하도록 하는 간단한 방법을 알아보도록 하겠습니다.


방법

function startInterval(seconds, callback) {
  callback();
  return setInterval(callback, seconds * 1000);
}

매개변수로 시간, 콜백함수를 받는 startInterval 함수를 만듭니다. 함수는 실행하자마자 callback을 실행하고 setInterval을 시작하면서 리턴하며 종료합니다. 이제 callback - delay - callback - delay의 순서로 실행이 됩니다.




반응형
저작자표시 (새창열림)

'Basic > Javascript' 카테고리의 다른 글

[AJAX] 비동기식 XMLHttpRequest에서 어떻게 결과를 얻을까?  (0) 2018.01.18
좋은 OOP(객체지향 프로그래밍)의 10가지 Golden Rules (계속 추가 예정)  (0) 2017.10.31
[자바스크립트 패턴] ① 리터럴을 이용한 객체 생성 패턴  (0) 2017.07.04
자바스크립트 코딩 컨벤션(스타일 가이드)  (2) 2017.07.03
[자바스크립트] 문자 ↔ 숫자 타입 변환 방법 / 성능 분석  (0) 2017.06.27
'Basic/Javascript' 카테고리의 다른 글
  • 좋은 OOP(객체지향 프로그래밍)의 10가지 Golden Rules (계속 추가 예정)
  • [자바스크립트 패턴] ① 리터럴을 이용한 객체 생성 패턴
  • 자바스크립트 코딩 컨벤션(스타일 가이드)
  • [자바스크립트] 문자 ↔ 숫자 타입 변환 방법 / 성능 분석
에반황
에반황
"어른이면서 애이기도 하고 싶다."
에반황
에반, 어른반
에반황
전체
오늘
어제
  • 전체보기 (118)
    • About (1)
    • Backend (5)
      • Django (3)
      • Spring (2)
    • Database (2)
      • 아키텍처 (0)
      • SQL (0)
      • Redis (2)
      • 코딩 테스트 (0)
      • 요구 사항 해결 (0)
    • Infra, Cloud (0)
      • AWS (0)
      • GoCD (0)
      • Docker (0)
      • Kubernetes (0)
      • Mesos Marathon (0)
    • Basic (34)
      • C (1)
      • C# (4)
      • C++ (1)
      • Java (9)
      • Javascript (6)
      • Typescript (5)
      • GO (0)
      • Python (4)
      • 프로그래밍 기초 (1)
      • 게임 디자인 패턴 (1)
      • 운영체제 (0)
      • 알고리즘 (2)
      • 자료구조 (0)
    • Computer Science (0)
    • Frontend (74)
      • Swift (1)
      • Unity (31)
      • Android (13)
      • Vue.js (2)
      • Phaser (1)
      • Cocos2D JS (2)
      • Cocos Creator (16)
      • Facebook Instant Game (8)
반응형

인기 글

최근 댓글

hELLO · Designed By 정상우.v4.2.2
에반황
Javascript setInterval 즉시 실행하는 방법
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.