#16 자바스크립트 날짜함수 , new Date()

Date() 생성자 함수는 날짜와 시간을 생성한다.

Date()에 인수가 없으면 현재 날짜와 시간을  반환한다.

 

 

1. 인수 값 없는 예

 

 

// 코드 

 <script type="text/javascript">
  <!--
    const date = new Date();
   alert(date);
   //-->
  </script>

 

// 실행결과

 

 

2. 인수 값을 넣은 예

 

// 코드 

  <script type="text/javascript">
  <!--
    let date = new Date('june 13, 2023 19:22:10');
   alert(date);
   //-->
  </script>

 

 

// 실행결과

 

 

 

3. 내가 원하는 방식대로 날짜와 시간 및 요일까지 출력

 

// 코드 

<script type="text/javascript">

  <!--

    let date = new Date();  
    Year = date.getFullYear();   // getFullYear() 현지 시각으로 현재 연도를 4비트의 숫자(YYYY)로 반환
    Month = Number(date.getMonth())+1; 
      //getMonth() 현지 시각으로 현재 월에 해당하는 숫자를 반환하며
      //주의사항은 0 ~ 11의 정수를 반환하는데 0=1월 이고 11은 12월 이다. 
      //그래서 Number()함수(문자를 숫자로 변환해 주는 함수)를 이용하여 1를 더해서 출력하도록 했다. 
    Day = date.getDate();   // getDate() 현지 시각으로 현재 일자에 해당하는 숫자를 반환
     Hour = date.getHours();   // getHours() 현지 시각으로 현재 시각에 해당하는 숫자를 반환
     Min = date.getMinutes();   // getMinutes() 현지 시각으로 현재 시각의 분에 해당하는 숫자를 반환
     Sec = date.getSeconds();   // getSeconds() 현지 시각으로 현재 시각의 초에 해당하는 숫자를 반환
     Week = date.getDay();   //getDay() 현지 시각으로 현재 시각의 요일에 해당하는 숫자를 반환

switch(Week){
  case 0:
          Week_text = "일"
    break; 

  case 1: 
  Week_text = "월"
  break;

  case 2:
  Week_text = "화"
  break;

  case 3: 
  Week_text = "수"
  break;

  case 4:
  Week_text = "목"
  break;

  case 5:
  Week_text = "금"
  break;

  case 6:
  Week_text = "토"
  break;
}    
/*   
  **** getDay()요일 반환 값 ****
  요일(0~6)를 나타내는 정수를 반환한다   
  일요일 0
  월요일 1
  화요일 2
  수요일 3
  목요일 4
  금요일 5
  토요일 6

*/
   alert(Year +'년 '+ Month+'월 '+Day+'일 '+Hour+'시 '+Min+'분 '+Sec+'초 '+Week_text+'요일' );
   //-->
  </script>

 

// 실행결과

 

 

※ 그 외 함수

getYear() //1970년 이후의 연도  정보를 알려줍니다.
getFullYear()//연도 정보를 열려줍니다. 
getMonth() //월(月)  정보를 알려줍니다. 1월부터 순서대로 0,1,...순으로 표시됩니다.
getDate() //일(日) 정보를 알려줍니다.
getDay() //요일 정보를 알려 줍니다. 일, 월....요일을 순서대로 0,1,2... 순으로 표시됩니다. 
getHour() //시간 정보를알아줍니다.
getMinutes() //분 정보를 알아줍니다.
getSeconds() //초 정보를 알아줍니다.
getTime() //1970년 1월 1일 이후 시간을 1000분의 1초로 표시해줍니다. (시간을 밀리초 단위로 환산한 값을 숫자로 반환)
getMiliseconds() //1/100초 단위로 표시해줍니다.
getUTCDate() //유니버설 타임의 일 정보를 알려줍니다.
getUTCDay() //유니버설 타임 형식의 요일 정보를 알려줍니다.
getUTCFullYear() //유니버설 타임 형식의 연도 정보를 알려줍니다.
getUTCHours() //유니버설 타임 형식의 시간 정보를 알려줍니다.
getUTCMiliseconds() //유니버설 타임 형식의 1/100초 단위로 표시해줍니다.
getUTCMinutes() //유니버설 타임 형식의 분 정보를 알려줍니다.
getUTCMonth() //유니버설 타임 형식의 월 정보를 알려줍니다.
getUTCSeconds() //유니버설 타임 형식의 초 정보를 알려줍니다.

getTimezoneOffset() // UTC로부터 현재 시각까지의 시간차를 분 단위로 환산한 값을 숫자로 반환
setYear(연도) //특정 연도를 설정합니다.
setFullYear(연도,[월,일]) //특정 연도를 설정합니다.
setMonth(월,[일]) //특정 월 정보를 설정합니다. 
setDate(일) //특정 일(日) 정보를 설정합니다.
setDay(요일) //특정 요일 정보를 설정합니다. 
setHours(시,[분,초,1/100초]) //특정 시간 정보를 설정합니다. 
setMinutes(분,[초,1/100초]) //특정 분 정보를 설정합니다. 
setSeconds(초,[1/100초]) //특정 초 정보를 설정합니다.
setTime(초) //1970년 1월 1일 이후 시간을 1000분의 1초로 단위로 설정합니다.
setMiliseconds(초) //1/100초 단위로 설정합니다.
setUTCDate(일) //유니버설 타임 형식으로 일 정보를 설정합니다.
setUTCFullYear(년도,[월,일]) //유니버설 타임 형식의 연도를 설정합니다.
setUTCHours(시,[분,초,1/100초]) //유니버설 타임 형식의 시간 정보를 설정합니다.
setUTCMiliseconds(1/100초) //유니버설 타임 형식을 1/100초로 설정합니다.
setUTCMinutes(분,[초,1/100초]) //유니버설 타임 형식을 분으로 설정합니다.
setUTCMonth(월,[일]) //유니버설 타임 형식의 월 정보를 설정합니다.
setUTCSeconds(초,[1/100초]) //유니버설 타임 형식의초 정보를 설정합니다.
parse(날짜 문자열) 1970년 1월 1일 00:00:00 이후에 경과한 시간을 1000분의 1초 단위로 설정합니다.
UTC(년, 월, 일 [,시] [,분] [,초]) //GMT 형식으로 1970년 1월 1일 00:00:00 이후에 경과한 시간을 1000분의 1초 단위로 설정합니다.
toGMTString() //GMT(Greenwich Mean Time) 형식으로 날짜 정보를 설정합니다.
toLocaleString() //날짜를 문자열로 변환 합니다.
toString() //날짜를 문자열로 변환 합니다.
toUTCString() //유니버설 타임 형식으로 시간 정보를 설정합니다.
toSource() //Date 객체를 소스코드로 설정합니다.
valueOf() //Date 객체 값을 현재 가진 데이터 형식으로 설정합니다.