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

JavaScript Date.getSeconds() 메서드 완벽 가이드 – 초 값 가져오기와 활용 예제

JavaScript Date.getSeconds() 메서드란?

Date 객체는 자바스크립트(JavaScript) 언어에 기본으로 내장된 데이터 타입으로, 날짜와 시간을 표현하고 다루는 데 사용됩니다. Date 객체는 new Date() 생성자를 호출하여 아래와 같이 생성할 수 있습니다.

var dateObj = new Date();

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

그중 getSeconds() 메서드는 Date 객체가 나타내는 시간의 초(second) 값을 반환합니다. 반환되는 값은 항상 0부터 59 사이의 정수입니다.

문법

getSeconds()의 기본 문법은 다음과 같습니다.

dateObj.getSeconds();

이 메서드는 별도의 매개변수를 받지 않으며, 초 값을 나타내는 정수를 그대로 반환합니다.

예제 1 – 기본 사용법

날짜 문자열을 지정해 Date 객체를 생성한 뒤 초 값을 출력하는 가장 기본적인 예제입니다.

<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('Seconds: ' + dateObj.getSeconds());
</script>
</body>
</html>

실행 결과

Seconds: 25

예제 2 – 초 값을 지정하지 않은 경우

Date 객체를 생성할 때 초 값을 명시하지 않으면 getSeconds()는 0을 반환합니다.

<html>
<head>
<title>JavaScript Example</title>
</head>
<body>
<script type='text/javascript'>
var dateObj = new Date('september 26, 89 12:4');
document.write('Seconds: ' + dateObj.getSeconds());
</script>
</body>
</html>

실행 결과

Seconds: 0

예제 3 – 인자 없이 생성한 경우

생성자에 아무 값도 전달하지 않으면 현재 시각을 기준으로 Date 객체가 만들어지며, getSeconds()는 코드가 실행되는 순간의 현재 초를 반환합니다.

<html>
<head>
<title>JavaScript Example</title>
</head>
<body>
<script type='text/javascript'>
var dateObj = new Date();
document.write('Seconds: ' + dateObj.getSeconds());
</script>
</body>
</html>

실행 결과

Seconds: 40

※ 출력 값은 코드를 실행하는 시점의 시간에 따라 매번 달라집니다.

예제 4 – 범위를 벗어난 값 사용 시

자바스크립트에서 초의 유효 범위는 0~59입니다. 이 범위를 벗어난 값을 날짜 문자열에 그대로 넣으면 브라우저나 실행 환경에 따라 해석 방식이 달라져 예상과 다른 결과가 나오거나 잘못된 날짜(Invalid Date)가 생성될 수 있으므로 주의해야 합니다.

<html>
<head>
<title>JavaScript Example</title>
</head>
<body>
<script type='text/javascript'>
var dateObj = new Date('september 26, 89 04:50:100');
document.write('Milliseconds: ' + dateObj.getMilliseconds());
</script>
</body>
</html>

실행 결과

Milliseconds: 0

핵심 정리

  • getSeconds()는 항상 0~59 사이의 정수를 반환합니다.
  • 초 값을 지정하지 않고 객체를 생성하면 0이 반환됩니다.
  • 생성자에 인자를 전달하지 않으면 현재 시각의 초가 반환됩니다.
  • 초의 유효 범위(0~59)를 벗어난 값은 예기치 않은 결과를 유발할 수 있습니다.
  • 예제에 사용된 document.write()는 구식 방식이므로, 실무에서는 console.log() 사용을 권장합니다.