JS_setInterval_알림창

dev.dave·2023년 7월 25일

Javascript

목록 보기
48/167

const wrapper = document.createElement("div");
document.querySelector("body").append(wrapper);
const text = document.createElement("span");
//text.innerHTML = ${countTime}초이내 구매시 사은품증정;
wrapper.append(text);

  let countTime = 6;

  function count() {
    setInterval(() => {
      countTime--;
      let setTime = countTime > 0;
      const alertMsg =
        (text.innerHTML = `${countTime}초이내 구매시 사은품증정`);
      const clearText = () => {
        clearInterval();
        text.style.display = "none";
      };

      setTime ? alertMsg : clearText();
    }, 2000);
  }

  function makeAlert() {
    count();
  }
  makeAlert();
  ////////////////////////////////////////////////////////////////////

  //   let count = 5;

  //   let timer = setInterval(() => {
  //     count--;
  //     if (count >= 0) {
  //       document.querySelector("#num").textContent = count;
  //     } else {
  //       document.querySelector(".alert-danger").style.display = "none";
  //     }
  //   }, 1000);
profile
🔥개인 메모 / 다른블로그 자료 참조 / 다른블로그 자료 퍼옴 (출처표기) /여기저기서 공부 했던 내용 개인메모 & 참고 / 개인 기록 용도 블로그 입니다.🔥

0개의 댓글