JavaScript 날짜(Date) 객체에 10초를 더하는 방법

JavaScript 날짜 객체에 초(秒) 단위 시간 더하기

JavaScript에서 Date(날짜) 객체에 초를 추가하고 싶다면 setSeconds() 메서드를 사용하는 것이 가장 간단한 방법입니다. 이 메서드는 지정된 날짜의 초 값을 현지 시간(local time) 기준으로 설정해 줍니다.

핵심 원리는 다음과 같습니다.

getSeconds() 메서드로 현재 시간의 '초' 값을 가져옵니다.
가져온 값에 원하는 만큼의 초(여기서는 10초)를 더합니다.
setSeconds() 메서드로 계산된 값을 다시 설정합니다.

예제 코드

아래 코드는 2017년 12월 30일 11시 20분 25초로 생성된 날짜 객체에 10초를 더하는 예제입니다.

<html>
   <head>
      <title>JavaScript setSeconds Method</title>
   </head>
   <body>
      <script>
         var dt = new Date("December 30, 2017 11:20:25");
         dt.setSeconds( dt.getSeconds() + 10 );
         document.write( dt );
      </script>
   </body>
</html>

실행 결과

위 코드를 실행하면 기존 시간에서 정확히 10초가 증가된 결과를 확인할 수 있습니다.

Sat Dec 30 2017 11:20:35 GMT+0530 (India Standard Time)

추가 팁

setSeconds()는 초 값이 60을 넘어도 자동으로 분과 시간을 올려 처리해 주므로, 예를 들어 25초에 40초를 더하면 자동으로 다음 분의 05초로 계산됩니다. 또한 최신 JavaScript 환경에서는 document.write() 대신 console.log(dt)를 사용하여 결과를 확인하는 것이 권장됩니다.