이 컴포넌트는 주어진 시간에서 시작하여 매 초마다 감소하는 카운트다운 타이머를 표시합니다. 타이머가 0에 도달하면 onTimeEnd 콜백 함수를 호출합니다. 타이머의 배경색과 호버 효과는 isFulfill 속성에 따라 사용자 정의할 수 있습니다.
onTimeEnd
isFulfill
<TimerDisplay time={10} isFulfill={true} onTimeEnd={() => console.log('시간 종료!')} /> Copy
<TimerDisplay time={10} isFulfill={true} onTimeEnd={() => console.log('시간 종료!')} />
TimerDisplay 컴포넌트의 속성.
TimerDisplay 컴포넌트.
Description
이 컴포넌트는 주어진 시간에서 시작하여 매 초마다 감소하는 카운트다운 타이머를 표시합니다. 타이머가 0에 도달하면
onTimeEnd콜백 함수를 호출합니다. 타이머의 배경색과 호버 효과는isFulfill속성에 따라 사용자 정의할 수 있습니다.Example