타이머 구현

혜진 조·2023년 5월 24일
0

리액트

목록 보기
26/31
post-custom-banner

휴대폰으로 인증번호 발송 후 인증코드 입력 창 구현 시 사용되는 타이머

 useEffect(() => {
    if (showResendBtn) {
      const countdown = setInterval(() => {
        if (Number(seconds) > 0) {
          setSeconds(Number(seconds) - 1);
        }
        if (Number(seconds) === 0) {
          if (Number(minutes) === 0) {
            clearInterval(countdown);
          } else {
            setMinutes(Number(minutes) - 1);
            setSeconds(59);
          }
        }
      }, 1000);
      return () => clearInterval(countdown);
    }
  }, [minutes, seconds, showResendBtn]);
profile
나를 믿고 한 걸음 한 걸음 내딛기! 🍏
post-custom-banner

0개의 댓글