js 타이머

셀라문·2022년 3월 29일
0

JS UI

목록 보기
3/15

N초 후 코드 실행

setTimeout(function(){ 실행할코드~ }, 기다릴시간);

ex) 5초 후 div 제거

<div class="alert alert-danger">
  5초 이내 구매시 사은품 증정
</div>
<script>
  setTimeout(function(){
    $('.alert').hide();
  }, 5000);
</script>

X초마다 코드를 실행하고 싶으면 setInterval()

setInterval(function(){ 
  console.log('안녕')
}, 1000);

위처럼 쓰면 1초 마다 콘솔창에 '안녕'이 뜹니다.

1초마다 5라는 문자를 1씩 감소시켜봅시다.

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

<script>

  var count = 5;

  setInterval(function(){
    count -= 1;
    if (count >= 0){
      document.querySelector('#num').innerHTML = count;
    } 
  }, 1000);

</script>
profile
취미로 하는 공부기록장

0개의 댓글