ふたりで

javascript D-Day 날짜계산 일,시,분,초 본문

javascript

javascript D-Day 날짜계산 일,시,분,초

graykang 2022. 10. 18. 11:51
728x90
반응형
SMALL

현재일 기준 미래 시간 특정일 까지 일수로 몇일, 몇 시간, 몇 분, 몇 초가 남았는지 표시해야 할 경우...

<html>
 <head>
  <script language="javascript">
  setInterval(function() {
  	var eday = new Date("2022-10-18 12:00:00").getTime();//기준일
   	var today = new Date().getTime();//현재일
    var cal = eday - today;//날짜간 차이 계산
    var day = Math.ceil(cal / (1000 * 60 * 60 * 24));일수 계산
    var hour = Math.ceil((cal % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));//시간 계산
    var min = Math.ceil((cal % (1000 * 60 * 60)) / (1000 * 60));//분 계산
    var sec = Math.ceil((cal % (1000 * 60)) / 1000);//초 계산
    //각 출력값이 1일경우 0으로 표시.
    if(day == 1 || day == (-1)){
      day = 0;
    }
    if(hour == 1 || hour == (-1)){
      hour = 0;
    }
    if(min == 1 || min == (-1)){
      min = 0;
    }
    if(sec == 1 || sec == (-1)){
      sec = 0;
    }

    document.getElementById("dDayCount").innerHTML = "D-DAY까지 " + day + "일 " + hour + "시간 " + min + "분 " + sec + "초 남았습니다.";
  }, 1000);  
  </script>
 </head>
 <body>
 <div id="dDayCount"></div>
 </body>
</html>

# 결과:

728x90
반응형
LIST
저작자표시

'javascript' 카테고리의 다른 글

jquery 선택요소의 Data 값 가져오기, 수정하기  (0) 2022.10.26
크롬 개발자 도구 차단 2, Detect browser developer tools by javascript 2(chrome, firefox, Edge)  (2) 2022.10.25
개발자 도구 차단 1, Detect browser developer tools by javascript 1 (chrome, firefox, Edge)  (0) 2022.10.06
window.location.href를 이용한 Query String get(),set()  (0) 2022.09.27
URL location.pathname으로 구분 처리를 해야 할 경우...  (1) 2022.09.23
'javascript' Related Articles more
Comments