love_myself
110
2021-10-21 16:30:15 작성 2021-10-21 16:31:05 수정됨
1
132

js 타이머 질문드립니다.


타이머 구현 공부중입니다..!


인증 버튼 클릭 시 타이머가 보이며 3:00에서 시작이 됩니다.

근데, 휴대폰번호를 잘못입력해서 인증번호가 오지 않을 시를 고려해,

휴대폰 번호를 재입력하고 인증을 다시 받는 타이머를 재시작하고 싶은데

코드를 어떻게 써야할지 모르겠어서 질문드립니다.


해당 코드입니다.

$('#phoneCerti').click(function(){

    $('#timer').show();

      //timer 타이머
      var time = 179;
      var min = " ";
      var sec = " ";
   
      var x = setInterval(function(){
        min = parseInt(time/60);
        sec = time%60;
   
        if (min < 10) {min = "0"+ min;}
        if (sec < 10) {sec = "0"+ sec;} // min,sec 10미만 시 앞에 0 붙이기
   
        document.getElementById("timer").innerHTML = min + ":" + sec + ""; // min : sec
        time--; // -1초씩 차감

        if(time < 0 ){
          clearInterval(x);
          $('#resend').show();
        }
      },1000);
  });
0
  • 답변 1

  • kankala
    34
    2021-10-21 18:32:10

    인증 버튼 누를때마다 이전 인터벌을 날려주시면되겠네요

  • 로그인을 하시면 답변을 등록할 수 있습니다.