[v1] 타이머 | 상세페이지 | 팀공지페이지

여행도시	2개국 2개 도시 (런던-파리)
워너고 특징	공동구매 항공까지 준비완료 (개별항공가능) 역시 1등은 다르네
모집조건	오직 24-35 직장인만 재직자, 이직준비 중, 퇴사자 (프리랜서, 개인사업자도 OK)
출발확정	24명 *여행표준약관 당사는 최저행사인원이 충족되지 아니하여 여행계약을 해제하는 경우 여행개시 7일 전까지 여행자에게 통지하여야 합니다.
선착순모집	현재 브레이브버드 적용(할인중)

🕙할인혜택 종료 알림🕙

일
시간
분
초

! 혜택 종료 임박 !

따로 또 같이 그룹 자유여행 워너고트립은 그룹 자유여행입니다! 조원들과 함께 때로는 혼자서 자유롭게 나의 여행을 즐기세요

3월 12일 변경사항 - 자동화

변경사항 코드 자동화되게 수정

🕙할인혜택 종료 알림🕙

일
시간
분
초

! 혜택 종료 임박 !

3월 26일 카운트 시간 추가

3) 히스토리

프로모션 종료 타이머

일
시간
분
초

🥳 🎉 🎂

따로 또 같이 그룹 자유여행 워너고트립은 그룹 자유여행입니다! 조원들과 함께 때로는 혼자서 자유롭게 나의 여행을 즐기세요

—

🕙프로모션 종료 타이머🕙

일
시간
분
초

프로모션 종료 임박

🥳 🎉 🎂

따로 또 같이 그룹 자유여행 워너고트립은 그룹 자유여행입니다! 조원들과 함께 때로는 혼자서 자유롭게 나의 여행을 즐기세요

| 라이커프라이데이 런파 09일 파일럿

여행도시	2개국 2개 도시 (런던-파리)
워너고 특징	공동구매 항공까지 준비완료 (개별항공가능) 역시 1등은 다르네
모집조건	오직 24-35 직장인만 재직자, 이직준비 중, 퇴사자 (프리랜서, 개인사업자도 OK)
출발확정	24명 *여행표준약관 당사는 최저행사인원이 충족되지 아니하여 여행계약을 해제하는 경우 여행개시 7일 전까지 여행자에게 통지하여야 합니다.
선착순모집	현재 브레이브버드 적용(할인중)

🕙할인혜택 종료 알림🕙

일
시간
분
초

! 혜택 종료 임박 !

따로 또 같이 그룹 자유여행 워너고트립은 그룹 자유여행입니다! 조원들과 함께 때로는 혼자서 자유롭게 나의 여행을 즐기세요

3월 12일

변경사항 코드 자동화되게 수정

🕙할인혜택 종료 알림🕙

일
시간
분
초

! 혜택 종료 임박 !

3월 26일 카운트 시간 추가

5) 팀공지페이지

Countdown Timer

출발까지 D-

! 혜택 종료 임박 !

히스토리

<script>
(function () {
  const second = 1000,
    minute = second * 60,
    hour = minute * 60,
    day = hour * 24;

  function initializeTimer(topContainerId, countdownId, daysId, soonEndId, endDateString) {
    let today = new Date(),
      dd = String(today.getDate()).padStart(2, "0"),
      mm = String(today.getMonth() + 1).padStart(2, "0"),
      hh = String(today.getHours()).padStart(2, "0"),
      yyyy = today.getFullYear();

    today = mm + "/" + dd + "/" + yyyy + " " + hh + ":00:00";

    if (new Date(today) > new Date(endDateString)) {
      document.getElementById(topContainerId).style.display = "none";
      return;
    } else {
      document.getElementById(topContainerId).style.display = "block";
    }

    const countDown = new Date(endDateString).getTime(),
      x = setInterval(function () {
        const now = new Date().getTime(),
          distance = countDown - now;

        document.getElementById(daysId).innerText = Math.floor(distance / (day)) + " ";

        // 제한시간이 하루 남았을 때
        if (distance < day && distance > 0) {
          document.getElementById(soonEndId).style.display = 'block';
        }

        // 0일 땐 내용 안보이게 
        if (Math.floor(distance / day) === 0) {
          document.getElementById(daysId).parentNode.style.display = "none";
        }

        // do something later when date is reached
        if (distance < 0) {
          document.getElementById("headline").innerText = "프로모션이 종료되었어요";
          document.getElementById(countdownId).style.display = "none";
          document.getElementById(topContainerId).style.display = "none";
          clearInterval(x);
        }
      }, 1000);
  }

  initializeTimer('top_container1', 'countdown1', 'days1', 'soon_end1', "9/23/2024 22:00:00");
})();
</script>
HTML
복사