function test8(){
const now = new Date();
const area8 = document.getElementById("area8");
area8.innerHTML = "현재 날짜 및 시간 (getTime())" + now.getTime() + "<br>";
}
// 2024년 6월 11일 날짜로 생성
const begin = new Date(2024, 6-1, 11); // Date(연도, 월-1, 일);
area8.innerHTML += "현재 날짜 및 시간 (getTime())" + begin.getTime() + "<br>";
// 2024년 11월 25일 날짜로 생성
const end = new Date(2024, 11-1, 25, 13,0);
area8.innerHTML += "종강일까지 (getTime())" + end.getTime() + "<br>";
1s == 1000ms
5s == 5000ms
10s == 10000ms
getFullYear() => yyyy
getMonth() => mm
getDate() => dd
요일 : getDay() => 숫자 타입(0: 일요일 ~ 6: 토요일)
시 : getHours()
분 : getMinutes()
초 : getSeconds()
area8.innerHTML += "연도 : " + end.getFullYear() +"<br>"
area8.innerHTML += "월 : " + (end.getMonth() + 1) +"<br>"
area8.innerHTML += "일 : " + end.getDate() +"<br>";
area8.innerHTML += "시 : " + end.getHours() +"<br>";
area8.innerHTML += "분 : " + end.getMinutes() +"<br>";
area8.innerHTML += "초 : " + end.getSeconds() +"<br>";
area8.innerHTML += "일 : " + end.getDay() +"<br>";
function getDayText(dayNum){
switch(dayNum){
case 0:
return "일요일";
case 1:
return "월요일";
case 2:
return "화요일";
case 3:
return "수요일";
case 4:
return "목요일";
case 5:
return "금요일";
case 6:
return "토요일";
}
}
area8.innerHTML += getDayText(end.getDay());
function getDayTextV2(dayNum){
const days = ["일", "월","화","수","목","금","토"];
return days[dayNum];
}
area8.innerHTML += getDayTextV2(end.getDay());
// 날짜 계산
// 현재 기준으로 종강일까지 얼마나 남았는지 (일수)
area8.innerHTML += "<hr>";
area8.innerHTML += "종강일 - 현재날짜" + (end - now) + "<br>";
// => 밀리세컨드 단위로 계산이 됨
/*
1s == 1000ms == 1 * 1000
1m == 1s * 60 == 1 * 1000 * 60
1h == 1m * 60 == 1* 1000 * 60 * 60
1d == 1m * 60 == 1* 1000 * 60 * 60 * 24
*/
area8.innerHTML += "남은 일수 : " + Math.round(((end - now) / (1000 * 60 *60 * 24))) + "<br>";
'Javascript' 카테고리의 다른 글
자바스프링 request객체와 session 객체 차이점 (0) | 2024.10.06 |
---|---|
자바스크립트 객체 배열을 사용하여 다량의 데이터 관리 (0) | 2024.08.19 |
자바스크립트 객체란 ? <예습> (0) | 2024.08.17 |
자바스크립트 함수 (0) | 2024.08.16 |
자바 스크립트 배열 (0) | 2024.08.15 |