JavaScript에서 특정 날짜에 시간이나 분을 더하고 싶다면 setHours()와 setMinutes() 메서드를 사용하면 됩니다. 이 두 메서드는 Date 객체의 시와 분 값을 직접 수정하며, 현재 값에 원하는 만큼의 숫자를 더해 새로운 시각을 설정할 수 있습니다.
기본 사용 원리
핵심 아이디어는 간단합니다. 먼저 getHours() 또는 getMinutes()로 현재 시각 값을 가져온 뒤, 여기에 추가하고 싶은 시간이나 분을 더한 값을 다시 set 계열 메서드로 설정하는 것입니다. 예를 들어 현재 시간에 2시간을 더하려면 dt.setHours(dt.getHours() + 2)처럼 작성하면 됩니다.
예제 코드
아래 코드를 실행하면 현재 날짜에서 2시간 20분이 추가된 결과를 확인할 수 있습니다.
<html>
<head>
<title>JavaScript Dates</title>
</head>
<body>
<script>
var dt = new Date();
document.write("현재 날짜 및 시간: " + dt);
// 2시간 추가
dt.setHours(dt.getHours() + 2);
// 20분 추가
dt.setMinutes(dt.getMinutes() + 20);
document.write("<br>업데이트된 날짜 및 시간: " + dt);
</script>
</body>
</html>코드 설명
- new Date(): 현재 날짜와 시간 정보를 담은 Date 객체를 생성합니다.
- setHours(dt.getHours() + 2): 현재 시(hour)를 가져온 후 2를 더해 시간을 변경합니다.
- setMinutes(dt.getMinutes() + 20): 현재 분(minute)을 가져온 후 20을 더해 분을 변경합니다.
참고 사항
분을 더했을 때 60분을 초과하더라도 JavaScript가 자동으로 시간 단위로 올림(carry) 처리해 주므로 별도의 계산이 필요하지 않습니다. 예를 들어 50분에 20분을 더하면 자동으로 다음 시간의 10분으로 조정됩니다. 같은 방식으로 setSeconds(), setDate() 등의 메서드를 활용하면 초나 일 단위의 연산도 손쉽게 처리할 수 있습니다.