Skip to content

useTimeout

지정된 시간이 지난 후에 콜백 함수를 실행시키는 Hook입니다.

Props

이름타입설명기본값
callback() => void타이머 시간이 되면 실행되는 콜백 함수-
delaynumber타이머 시간 (밀리초)0

Usage

tsx
import { useTimeout } from '@teamsparta/react';

function Example() {
  useTimeout({
    callback: () => console.log('2초 경과'),
    delay: 2000,
  });

  return <div>타이머 실행 중...</div>;
}

주의사항

  • delay의 기본값은 0입니다.
  • delay가 변경되면 타이머가 재설정됩니다.
  • unmount 시 자동으로 타이머가 정리됩니다.
  • 콜백 함수는 항상 최신 버전이 실행됩니다.