카운트 다운 만들기

(힌트) 5라는 문자만 <span>5</span> 이걸로 감싸면 html 조작하기 쉬워집니다. 

 

변수 초기값을 먼저 밖에 선언하고,

변수가 얼마씩 줄어들지 알려줌

변수가 0보다 클때까지 카운트 다운 선언

setInterval() 함수는 몇초마다 변화를 일으킬때 자주 쓰임!

<div class="alert alert-danger">
    <span>5</span>초 이내 구매시 사은품 증정
  </div>

<script>
    let 변수 = 5;
    setInterval(function(){
    변수 -= 1;
    if(변수>0){
    document.querySelector('span').innerHTML = 변수;}
    },1000);
</script>

 

 

(참고) 타이머를 삭제하고 싶으면

var 타이머 = setInterval(어쩌구);

이렇게 변수에 저장해둔 다음

타이머 삭제하고 싶을 때 clearTimeout(타이머) 이 코드 실행하면 됩니다.