JavaScript에서 setHours() 메서드 사용
개발 부문에서는 사용자에게 도움이 되도록 시간대를 변경하고 시간을 설정해야 하는 경우가 많습니다.
JavaScript setHours() 메서드는 메서드에 특정 시간 카운트를 설정하면 해당 숫자(시간)에 따라 시간대를 재설정한다는 것을 의미하며 여기서 고려해야 할 또 다른 측면은 현지 시간대입니다.
시간대의 현재 상황을 식별하는 문자열을 사용하는 Date() 생성자를 호출하여 시간을 변경합니다. 일과 연도로 구성된 문자열을 전달하지 않더라도 여전히 현지 표준 시간을 기준으로 현재 스탠드를 가져옵니다.
이제 setHours() 메서드를 구현하는 여러 방법을 살펴봄으로써 예제를 살펴보겠습니다. 파헤쳐 보자!
JavaScript에서 Hour 매개변수만 있는 setHours() 메서드 사용
기술적으로 Date() 생성자를 인스턴스화하면 가장 최근 날짜-시간 세부 정보를 가져옵니다. 그러나 특정 인스턴스의 시간을 변경하려면 setHours() 메소드에 대한 매개변수를 설정할 수 있습니다.
이와 관련하여 Date() 생성자 개체가 인스턴스화될 때마다 해당 인스턴스의 시간만 매개 변수로 업데이트됩니다. 그리고 초와 분은 실행될 때마다 계속 업데이트됩니다.
코드 조각:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script>
const event = new Date();
event.setHours(7);
document.write(event);
</script>
</body>
</html>
출력:
-method-with-only-hour-parameter.webp)
보시다시피 hour 매개변수가 사용되며 minutes, seconds, day, month 및 year로 알려진 나머지는 Date()로 정의됩니다. 생성자 잡아.
JavaScript에서 모든 매개변수와 함께 setHours() 메소드 사용
이 특정한 경우 정의된 시, 분 및 초로 현재 시간 프레임을 변경합니다. 즉, Date()가 가져오는 시간에 관계없이 매개 변수를 설정하면 시간 값이 변경되지만 날짜 및 요일 카운트는 현지 시간대에 따라 설정됩니다.
두 번째 및 세 번째 매개변수(분 및 초)의 유효한 범위는 0-59이고 시간의 유효한 범위는 0-23입니다. 또한 다음 예제에서 setHours() 메소드가 이러한 경우를 처리하는 방법도 볼 수 있습니다.
코드 조각:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script>
const event = new Date();
event.setHours(25, 42, 76);
document.write(event);
</script>
</body>
</html>
출력:
-method.webp)
여기서 setHours() 메서드의 시간 매개변수는 25로 정의된 범위를 벗어납니다.
이는 25-24를 수행할 것임을 의미하므로 일도 영향을 받아 5월 14일이 됩니다. 마찬가지로 두 번째 부분은 76-60으로 계산됩니다.
