반응형
    
    
    
          //디데이 종료 일자 설정
        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 즉, 특정 날짜까지 몇일이 남았는지 만들어 주는 코드이다.
반응형
    
    
    
  'Basic > JavaScript' 카테고리의 다른 글
| 티스토리 메인화면 꾸미기 (Vanta js) (0) | 2019.11.18 | 
|---|---|
| 자바스크립트 사이트 리다이렉트 (2) | 2019.06.15 | 
| 특정 게시물에 구글 애드센스 없애기 (2) | 2018.09.03 | 
| null, undefined, false 그리고 ==와 === 차이 (0) | 2018.08.14 | 
| 자바스크립트 JSON파일 AJAX로 읽기 (0) | 2018.05.23 |