반응형

        //디데이 종료 일자 설정
        var firstDay = new Date("March 5, 2018 00:00:00").getTime();
        //1초마다 갱신되도록 함수 생성,실행
        var x = setInterval(function() {
            // 오늘 날짜 등록
            var now = new Date().getTime();
            // 종료일자에서 현재일자를 뺀 시간
            var distance = now - firstDay;
            // 각 변수에 일, 시, 분, 초를 등록
            var d = Math.floor(distance / (1000 * 60 * 60 * 24)) + 1;
            var h = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
            var m = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
            var s = Math.floor((distance % (1000 * 60)) / 1000);
            //id가 d-day인 HTML코드에 내용 삽입
            document.getElementById("d-day").innerHTML = d +"days " + h + ":" + m + ":" + s;
        });


위의 코드는 특정 날짜 (여기서는 2018년 3월 5일)로부터 몇일이 지났는지 만들어 주는 코드이고


        //디데이 종료 일자 설정
        var nextDay = new Date("March 5, 2019 00:00:00").getTime();
        //1초마다 갱신되도록 함수 생성,실행
        var x = setInterval(function() {
            // 오늘 날짜 등록
            var now = new Date().getTime();
            // 종료일자에서 현재일자를 뺀 시간
            var distance = firstDay - now;
            // 각 변수에 일, 시, 분, 초를 등록
            var d = Math.floor(distance / (1000 * 60 * 60 * 24)) + 1;
            var h = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
            var m = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
            var s = Math.floor((distance % (1000 * 60)) / 1000);
            //id가 d-day인 HTML코드에 내용 삽입
            document.getElementById("d-day").innerHTML = d +"days " + h + ":" + m + ":" + s;
        });


위의 코드는 d-day 즉, 특정 날짜까지 몇일이 남았는지 만들어 주는 코드이다.







반응형