Computer >> 컴퓨터 >  >> 프로그래밍 >> JavaScript

JavaScript Date.toTimeString() 메서드 완벽 정리 – 시간 문자열 추출하기

Date 객체는 JavaScript 언어에 내장된 데이터 타입으로, 날짜와 시간 정보를 저장하고 관리하는 데 사용됩니다. Date 객체는 다음과 같이 new Date() 생성자를 통해 생성할 수 있습니다.

Date 객체가 생성되면 다양한 내장 메서드를 사용해 객체를 조작할 수 있습니다. 대부분의 메서드는 현지 시간(local time) 또는 UTC(협정 세계시, GMT) 기준으로 연도, 월, 일, 시, 분, 초, 밀리초 값을 가져오거나 설정하는 역할을 합니다.

그중에서 toTimeString() 메서드는 Date 객체에 저장된 시간 부분만을 사람이 읽기 쉬운 문자열 형태로 반환합니다.

문법(Syntax)

toTimeString() 메서드의 기본 문법은 다음과 같습니다.

dateObj.toTimeString()

이 메서드는 매개변수를 받지 않으며, "HH:MM:SS GMT+XXXX (타임존 이름)" 형식의 문자열을 반환합니다.

예제 1: 특정 날짜의 시간 반환

아래 예제에서는 생성자에 날짜와 시간을 직접 지정하여 Date 객체를 만든 후, toTimeString() 메서드로 시간 부분을 출력합니다.

<html>
<head>
   <title>JavaScript Example</title>
</head>
<body>
   <script type="text/javascript">
      var dateObj = new Date('September 26, 89 12:4:25:96');
      document.write("Current Time: "+dateObj.toTimeString());
   </script>
</body>
</html>

출력 결과

Current Time: 12:04:25 GMT+0530 (India Standard Time)

생성자에 전달된 날짜 문자열 중 시간에 해당하는 "12:04:25"와 실행 환경의 시간대 정보가 함께 출력됩니다.

예제 2: 매개변수 없이 생성한 경우

Date 객체를 생성할 때 생성자에 아무런 매개변수도 전달하지 않으면, 이 메서드는 코드가 실행된 현재 시각을 반환합니다.

<html>
<head>
   <title>JavaScript Example</title>
</head>
<body>
   <script type="text/javascript">
      var dateObj = new Date();
      document.write("Current Time: "+dateObj.toTimeString());
   </script>
</body>
</html>

출력 결과

Current Time: 14:56:58 GMT+0530 (India Standard Time)

예제 3: 날짜만 지정하고 시간을 생략한 경우

생성자에 날짜만 지정하고 시간을 명시하지 않으면, 시간은 기본값인 0으로 설정되어 자정(00:00:00)이 반환됩니다.

<html>
<head>
   <title>JavaScript Example</title>
</head>
<body>
   <script type="text/javascript">
      var dateObj = new Date('September 26, 89');
      document.write("Current Time: "+dateObj.toTimeString());
   </script>
</body>
</html>

출력 결과

Current Time: 00:00:00 GMT+0530 (India Standard Time)

정리

toTimeString() 메서드는 Date 객체에서 날짜 정보를 제외한 시간 부분만 손쉽게 추출할 수 있는 유용한 도구입니다. 로그 기록, 화면에 현재 시각 표시 등 다양한 상황에서 활용할 수 있으며, 반환되는 문자열에는 항상 시간대(GMT 오프셋) 정보가 포함된다는 점을 기억해 두면 좋습니다.