JavaScript

| JavaScript | setTimeout() 후에, setInterval() 마다

데브빈 2022. 6. 6. 12:28

 X초 에 코드를 실행 : setTimeout

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

👉 5초 후에 위의 <div>를 숨기기

const alert = document.querySelector(".alert");

setTimeout(function () {
    alert.style.display = "none";
}, 5000);

X초 마다 코드를 실행: setInterval

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

👉 1초마다 5라는 문자를 1씩 감소시키고, 0이 되면 <div>를 안보이게 처리하기

const alert = document.querySelector(".alert");
const time = document.querySelector(".time");
      
let count = 5;

      setInterval(() => {
        count--;
        if (count == 0) {
          alert.remove();
        }
        if (count >= 0) {
          time.textContent = count;
        }
      }, 1000);