6 글 보임 - 1 에서 6 까지 (총 6 중에서)
-
글쓴이글
-
2023년 9월 6일 18:42 #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>
2023년 9월 6일 21:51 #97147
최연진참가자var timer = setInterval(function () { count -= 1; if (count >= 0) { document.querySelector("#num").innerHTML = count; } }, 1000); 이부분을 count == 0으로 바꿔서 timer에 할당하면 된다는 말씀 맞으실까요??
2023년 9월 8일 14:33 #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초라고 떠져있을때 제거가 됩니다...! 코드를 어떻게 수정하면 좋을까요 ㅠㅠ..!
2023년 9월 8일 19:33 #97351
codingapple키 마스터count--; document.querySelector("#num").textContent = count; 두줄로 분리해봅시다
-
글쓴이글
6 글 보임 - 1 에서 6 까지 (총 6 중에서)
- 답변은 로그인 후 가능합니다.