JavaScript에서 날짜 개체에 시간 추가

1. setHours() 메서드를 사용하여 JavaScript에서 Date 개체에 시간을 추가합니다.
2. getHours() 및 setHours() 메서드를 사용하여 JavaScript에서 현재 시간 값 업데이트

JavaScript의 Date 개체는 시스템의 현재 요일, 날짜 및 시간(시간대 포함)을 제공합니다. Date 개체의 기본 시간대는 UTC이지만 날짜 및 시간 또는 해당 구성 요소를 가져오는 기본 메서드는 모두 로컬(시스템) 시간대를 기반으로 작동합니다.

Date 객체는 또한 setHours(), setMonth(), getTime(), getDay() 등과 같은 다양한 메소드를 제공합니다. 시간, 시, 분, 시간대 등과 같은 날짜 객체. 메서드의 전체 목록을 보려면 [Date](Date - JavaScript | MDN) 개체 문서를 방문하십시오.

이러한 방법 중 일부를 사용하여 이제 JavaScript에서 Date 개체에 시간을 추가하는 방법을 살펴보겠습니다.

setHours() 메서드를 사용하여 JavaScript에서 Date 개체에 시간을 추가합니다.

Date 개체의 시간 값을 업데이트하기 위해 내장된 setHours() 메서드를 사용합니다. 이 메서드는 분과 초가 아닌 시간 값만 업데이트합니다.

이제 예를 들어 setHours() 메서드를 사용하여 시간 값을 업데이트하는 방법을 살펴보겠습니다. 먼저 시스템의 현재 시간을 가져오려면 new 키워드를 사용하여 Date 개체를 만든 다음 currentDateTime 변수에 저장한 다음 해당 변수를 인쇄해야 합니다.

그러면 시스템의 현지 시간이 표시됩니다.

코드 스니펫 - 자바스크립트:

var currentDateTime = new Date();

function addHours(hr) {
  currentDateTime.setHours(hr);
}

console.log(currentDateTime);
addHours(5);
console.log(currentDateTime);

출력:

Mon May 5 2022 00:28:11 GMT+0530 (India Standard Time)
Mon May 5 2022 05:28:11 GMT+0530 (India Standard Time)

시간 값을 추가하기 위해 addHours()라는 함수를 생성합니다. 이 함수는 현재 시간에 추가하려는 시간 값을 나타내는 정수 값인 hr 단일 매개 변수를 사용합니다.

이 함수 내에서 현재 현지 날짜 및 시간을 보유하는 currentDateTime 변수에서 setHours() 메서드를 호출한 다음 그 안에 hr을 전달합니다.

그러면 addHours() 함수에 전달하는 hr 인수가 무엇이든 설정됩니다. 정수 값 5를 addHours() 함수에 전달합니다.

마지막으로 addHours 함수를 호출하기 전과 후의 시간을 인쇄하면 위의 출력과 같이 현재 시간에 5 값이 추가된 것을 볼 수 있습니다.

이 방법을 사용하면 기존 또는 현재 시간 값을 새 값으로 바꿀 수 있습니다. 그러나 현재 시간 값을 새 값으로 완전히 바꾸는 대신 업데이트하려는 경우에는 어떻게 해야 합니까?

이제 JavaScript 내에서 Date 개체의 사전 정의된 메서드를 사용하여 현재 시간 값을 업데이트하는 방법을 살펴보겠습니다.

getHours() 및 setHours() 메서드를 사용하여 JavaScript에서 현재 시간 값 업데이트

지금까지 시간 값을 새 값으로 직접 교체하고 있습니다. 하지만 현재 시간 값을 업데이트하고 바꾸지 않으려면 어떻게 해야 할까요?

getHours() 및 setHours() 메소드를 동시에 사용해야 합니다.

코드 스니펫 - 자바스크립트:

var currentDateTime = new Date();
console.log(currentDateTime);

currentDateTime.setHours(currentDateTime.getHours() + 5);
console.log(currentDateTime);

출력:

Mon May 5 2022 20:29:17 GMT+0530 (India Standard Time)
Tue May 6 2022 01:29:17 GMT+0530 (India Standard Time)

여기에서도 currentDateTime 변수 안에 Date 개체에서 반환된 현재 날짜와 시간을 먼저 저장해야 합니다. 그런 다음 setHours() 및 getHours() 기능을 동시에 사용합니다.

시간 값을 설정해야 하므로 currentDateTime 변수에 setHours() 메서드를 사용합니다. 이 메소드 내부의 currentDateTime 변수에서 getHours() 메소드를 호출합니다.

getHours() 메서드는 현재 값을 제공하고 해당 값에 5를 추가한 다음 setHours() 메서드는 해당 값을 currentDateTime 변수로 설정합니다.

그리고 setHours() 메서드를 사용하기 전과 후의 시간을 출력하면 현재 시간이 20임을 알 수 있습니다. 이 값에 5 값을 추가하면 1이 됩니다.

하루 전체가 24 시간이고 20에 5를 더하면 25가 되므로 24 시간이 끝나면 위의 출력과 같이 1로 시작합니다.