[Date] JS - setHours() 메서드 ★ - 시간설정 (= 셋아워) + 시설정, 분설정, 초설정, 밀리초설정 (= setHours메서드 = 셋아우어즈 메서드)

1. setHours() 예제 - 시간을 23시로 설정
2. setHours() 정의
3. setHours() 구문
4. setHours() 예제 - 특정 시분초 설정
5. setHours() 예제 - 72시간 전으로 설정

setHours() 예제 - 시간을 23시로 설정 

 

<button onclick="homzzang()">클릭</button>

<p id="demo"></p>

<script>

function homzzang() {

  var d = new Date();

  d.setHours(23);

  document.getElementById("demo").innerHTML = d;

}

</script>

 

결과보기

결과값: Wed Jul 31 2019 23:52:45 GMT+0900 (한국 표준시)

setHours() 정의

 

날짜 객체의 시간을 설정.

 

---

 

1.

이 메서드로 (분, 초, 밀리초)도 설정 가능.

 

2.

JS버전: ECMAScript 1

 

3.

모든 브라우저 지원.

 

4.

MDN setHours() 예제 보기

 

setHours() 구문

 

Date.setHours(hour, min, sec, millisec)

 

---

[매개변수]

 

hour

필수. 시간을 나타내는 정수.

예상값은 0-23이지만, 다른 값도 허용.

-1 : 전날의 마지막 시간.

24 : 다음 날의 첫 번째 시간.

min

선택. 분을 나타내는 정수.

예상값은 0-59이지만 다른 값도 허용.

-1 : 이전 시간의 마지막 분.

60 : 다음 시간의 첫 번째 분.

sec

선택. 초를 나타내는 정수

예상값은 0-59이지만 다른 값도 허용.

-1 : 이전 분의 마지막 초.

60 : 다음 분의 첫 번째 초.

millisec

선택. 밀리초를 나타내는 정수

예상값은 0-999이지만 다른 값도 허용.

-1 : 이전 초의 마지막 밀리초.

1000 : 다음 초의 첫 번째 밀리초

 

---

[반환값]

 

날짜 개체와 1970년 1월 1일 자정 사이의 밀리초 수를 나타내는 숫자.

 

setHours() 예제 - 특정 시분초 설정

 

 <button onclick="homzzang()">클릭</button>

<p id="demo"></p>

<script>

function homzzang() {

  var d = new Date();

  d.setHours(12, 34, 5);

  document.getElementById("demo").innerHTML = d;

}

</script>

 

결과보기

결과값 예: Sun Aug 08 2021 12:34:05 GMT+0900 (한국 표준시)

setHours() 예제 - 72시간 전으로 설정

 

<button onclick="homzzang()">클릭</button>

<p id="demo"></p>

<script>

function homzzang() {

  var d = new Date();

  d.setHours(d.getHours() - 72);

  document.getElementById("demo").innerHTML = d;

}

</script>

 

결과보기

결과값 예: Thu Aug 05 2021 06:01:33 GMT+0900 (한국 표준시)