JavaScript의 Date 객체는 언어에 기본으로 내장된 데이터 타입으로, new Date() 구문을 사용해 생성할 수 있습니다.
Date 객체를 한 번 생성하면 다양한 메서드를 통해 해당 객체를 조작할 수 있습니다. 대부분의 메서드는 현지 시간(local time) 또는 UTC(협정 세계시, 그리니치 평균시)를 기준으로 객체의 연도, 월, 일, 시, 분, 초, 밀리초 필드를 가져오거나 설정하는 기능을 제공합니다.
getUTCHours() 메서드는 주어진 날짜의 시간(hour)을 세계 표준시(UTC) 기준으로 반환합니다. 이 메서드는 매개변수를 받지 않으며, 0부터 23 사이의 정수를 리턴합니다.
문법
getUTCHours() 메서드의 기본 문법은 다음과 같습니다.
dateObj.getUTCHours();
예제 1
다음 예제에서는 특정 날짜와 시간을 지정해 Date 객체를 생성한 후, UTC 기준 시간을 화면에 출력합니다.
<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(dateObj.getUTCHours());
</script>
</body>
</html>출력 결과
6
예제 2
날짜 객체를 생성할 때 시간을 지정하지 않으면 기본값인 0시(자정)로 설정됩니다. 아래 예제에서는 시간대가 GMT+11:00으로 지정되어 있으므로, 현지 시간의 자정은 UTC 기준으로 전날 13시에 해당합니다. 따라서 13이 출력됩니다.
<html>
<head>
<title>JavaScript Example</title>
</head>
<body>
<script type="text/javascript">
var dateobj = new Date('September 26, 1989 GMT+11:00');
document.write("Hour of the day: "+dateobj.getUTCHours());
</script>
</body>
</html>출력 결과
Hour of the day: 13
예제 3
같은 원리로, Date 객체를 생성할 때 생성자에 아무런 인수도 전달하지 않으면 현재 시각을 기준으로 객체가 만들어집니다. 이 경우 getUTCHours() 메서드는 실행 시점의 현재 시간을 UTC 기준으로 반환합니다.
<html>
<head>
<title>JavaScript Example</title>
</head>
<body>
<script type="text/javascript">
var dateobj = new Date();
document.write("Hour of the day: "+dateobj.getUTCHours());
</script>
</body>
</html>출력 결과
Hour of the day: 5