자바스크립트로 디데이 출력하기

JavaScript logo

자바스크립트로 디데이 출력하기

코드

  1. HTML

    1
    <div id="d-day"></div>
  2. JavaScript

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    //디데이 종료 일자 설정
    const countDownDate = new Date("May 9, 2017 06:00:00").getTime();

    //1초마다 갱신되도록 함수 생성,실행
    const x = setInterval(function() {
    // 오늘 날짜 등록
    const now = new Date().getTime();

    // 종료일자에서 현재일자를 뺀 시간
    const distance = countDownDate - now;

    // 각 변수에 일, 시, 분, 초를 등록
    const d = Math.floor(distance / (1000 * 60 * 60 * 24));
    const h = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    const m = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
    const s = Math.floor((distance % (1000 * 60)) / 1000);

    //id가 d-day인 HTML코드에 내용 삽입
    document.getElementById("d-day").innerHTML = "디데이까지 " + d +"일 " + h + "시간 " + m + "분 " + s + "초 남았습니다.";
    });

마무리

더 좋은 방법이 있을것 같긴함.

개인적으로 공부한 내용을 정리한 것이기 때문에 반말을 사용한 점 양해 부탁드립니다.
잘못된 부분이나 피드백이 있으시다면, 댓글에 남겨주시면 감사하겠습니다!

공유하기