• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 JavaScript, TS 게시판 clearInterval 질문드립니다.

clearInterval 질문드립니다.

6 글 보임 - 1 에서 6 까지 (총 6 중에서)
  • 글쓴이
  • #97121

    최연진
    참가자
    setTimeout 타이머주는 법 강의에서
    5초 뒤에 타이머가 사라지게 하고싶은데
    사리지지가 않는데 어떻게 수정하면 될까요? ㅠㅠ
    
    ---------------------------------------------------------------
    html
    <div class="alert alert-danger">
          <span id="num">5</span>초 이내 구매시 사은품 증정
        </div>
    ----------------------------------------------------------------
    
        <script>
          var count = 5;
          var timer = setInterval(function () {
            count -= 1;
            if (count >= 0) {
              document.querySelector("#num").innerHTML = count;
            }
          }, 1000);
          if (count >= 5) {
            timer;
          } else if (count == 0) {
            clearInterval(timer);
          }
        </script>
    #97129

    codingapple
    키 마스터
    count == 0 체크하는 if문을 타이머안으로 옮깁시다
    #97147

    최연진
    참가자
     var timer = setInterval(function () {
            count -= 1;
            if (count >= 0) {
              document.querySelector("#num").innerHTML = count;
            }
          }, 1000);
    
    이부분을 count == 0으로 바꿔서 timer에 할당하면 된다는 말씀 맞으실까요??
    
    
    #97166

    codingapple
    키 마스터
    넴 if문 추가만 해도 될듯요
    #97316

    최연진
    참가자
        질문 한개 더 드려도 될까요 ㅠㅠ... 타이머가 멈춘다음 제거를 하고싶은데요
        <div class="alert alert-danger" id="alert">
          <span id="num">5</span>초 이내 구매시 사은품 증정!
        </div>
    
    <script>
      var count = 5;
          let timerId;
          timerId = setInterval(function () {
            document.querySelector("#num").textContent = count--;
            if (count == 0) {
              clearInterval(timerId);
            }
          }, 1000);
    </script>
    
    이렇게 바꿨더니 타이머는 멈추는데 혹시 제거는 어떻게 해야하나요? ㅠㅠ
         if (count == 0) {
              clearInterval(timerId);
            }
    이부분에   document.querySelector("#alert").style.display = "none";
    이거 추가해서
         if (count == 0) {
              clearInterval(timerId);
              document.querySelector("#alert").style.display = "none";
            }
    이렇게 코드 해서 코드가 전체적으로
        <div class="alert alert-danger" id="alert">
          <span id="num">5</span>초 이내 구매시 사은품 증정!
        </div>
    
    <script>
          var count = 5;
          let timerId;
          timerId = setInterval(function () {
            document.querySelector("#num").textContent = count--;
         if (count == 0) {
              clearInterval(timerId);
    document.querySelector("#alert").style.display = "none";
            }
          }, 1000);
    </script>
    이렇게 나왔는데 화면에서 2초라고 떠져있을때 제거가 됩니다...!
    코드를 어떻게 수정하면 좋을까요 ㅠㅠ..!
    
    
    #97351

    codingapple
    키 마스터
    count--;
    document.querySelector("#num").textContent = count;
    두줄로 분리해봅시다
6 글 보임 - 1 에서 6 까지 (총 6 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠