코딩 이야기
자바스크립트 객체 (2) 본문
728x90
Date 메서드
메소드설명값의 범위
| 속성 | 설명 | 값의 범위 |
| getDate() | 현지 시각으로 현재 일자에 해당하는 숫자를 반환함. | 1 ~ 31 |
| getDay() | 현지 시각으로 현재 요일에 해당하는 숫자를 반환함. | 0 ~ 6 |
| getMonth() | 현지 시각으로 현재 월에 해당하는 숫자를 반환함. | 0 ~ 11 |
| getFullYear() | 현지 시각으로 현재 연도를 4비트의 숫자(YYYY)로 반환함. | YYYY |
| getHours() | 현지 시각으로 현재 시각에 해당하는 숫자를 반환함. | 0 ~ 23 |
| getMilliseconds() | 현지 시각으로 현재 시각의 밀리초에 해당하는 숫자를 반환함. | 0 ~ 999 |
| getMinutes() | 현지 시각으로 현재 시각의 분에 해당하는 숫자를 반환함. | 0 ~ 59 |
| getSeconds() | 현지 시각으로 현재 시각의 초에 해당하는 숫자를 반환함. | 0 ~ 59 |
| getTime() | 1970년 1월 1일 0시 0분 0초부터 현재까지의 시간을 밀리초 단위로 환산한 값을 숫자로 반환함. | - |
| getTimezoneOffset() | UTC로부터 현재 시각까지의 시간차를 분 단위로 환산한 값을 숫자로 반환함. | - |
두개의 날짜 비교하기
Date 객체는 2개의 날짜를 비교하는 데도 사용된다. 예를 들어 사용자로부터 받은 날짜를 특정한 날짜와 비교할 수 있겠다.
두 개의 날짜를 비교할 때는 먼저 모든 날짜를 1970년 1월 1일 이후의 밀리초로 변환한다. getTime()이라는 메서드를 사용하면된다. 날짜 간격을 구할 때는 밀리초의 차이값을 (1000*60*60*24)로 나누어주면 된다.
예제)
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
function checkDate() {
var s = document.getElementById("pdate").value;
var pdate = new Date(s);
var today = new Date();
var diff = today.getTime() - pdate.getTime();
var days = Math.floor(diff / (1000 * 60 * 60 * 24));
if (days > 30) {
alert("교환 기한이 지났습니다.");
}
}
</script>
</head>
<body>
구입날짜 :
<input type = "date" id="pdate">
<button onclick="checkDate()">검사</button>
</body>
</html>
카운트 다운 타이머 만들기
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="remaining"></div>
<script>
function datesUntilNewYear() {
var now = new Date(); // 오늘 날짜
var newYear = new Date("January 1," + (now.getFullYear()+1));
var diff = newYear - now;
var milliseconds = Math.floor(diff % 1000);
diff = diff / 1000;
var seconds = Math.floor(diff % 60);
diff = diff / 60;
var minutes = Math.floor(diff % 60);
diff = diff / 60;
var hours = Math.floor(diff % 24);
diff = diff / 24;
var days = Math.floor(diff);
var outStr = "내년도 신정까지" + days + "일, " + hours + "시간, " + minutes;
outStr += "분, " + seconds + "초" + "남았습니다.";
document.getElementById("remaining").innerHTML = outStr;
//1초가 지나면 다시 함수를 호출한다.
setTimeout("datesUntilNewYear()", 1000);
}
datesUntilNewYear();
</script>
</body>
</html>
728x90
'JAVA스크립트' 카테고리의 다른 글
| Array 속성과 메서드 (0) | 2023.01.11 |
|---|---|
| 내부객체의 속성과 메서드 (0) | 2023.01.11 |
| 자바스크립트 객체 (0) | 2023.01.09 |
| 자바스크립트의 입출력 (0) | 2023.01.09 |
| 함수 (0) | 2023.01.09 |
Comments