duedue

Date 객체_ 시간 표시하기 본문

JavaScript

Date 객체_ 시간 표시하기

듀듀닷 2022. 1. 17. 12:45

<section>
<p >최종 접속 일시: <span id="time"></span></p>
</section>

<div>
Date 객체 기능<br>
1. 현재 시간 가온다.<br>
2. 과거나 미래 시간 설정<br>
3. 일시 계산<br>
객체 메서드 있음 검색고고<br>
주의점 : 사용시 초기화를 해줘야한다.<br>

</div>
<script>
//변수에 대입, 개별적으로 각각 가져오기
var now = new Date(); // 초기화
var year = now.getFullYear();
var month = now.getMonth();
var date = now.getDate();
var hour = now.getHours();
var min = now.getMinutes();

// 출력을 위해 보기 원하는 최종 형식을 만들어서 변수에 대입
var output = year + '/' + (month +1) + '/' + date + '/' + ' ' + hour + ':'+ min;
document.getElementById('time').textContent = output; //위치 찾아서 변경
</script>

 

 


<section>
<p >최종 접속 일시: <span id="time"></span></p>
</section>

<div>
Date 객체 기능<br>
1. 현재 시간 가온다.<br>
2. 과거나 미래 시간 설정<br>
3. 일시 계산<br>
객체 메서드 있음 검색고고<br>
주의점 : 사용시 초기화를 해줘야한다.<br>

</div>
<script>
//변수에 대입, 개별적으로 각각 가져오기
var now = new Date(); // 초기화
var year = now.getFullYear();
var month = now.getMonth();
var date = now.getDate();
var hour = now.getHours();
var min = now.getMinutes();
 
var ampm = '';
if(hour < 12){
ampm = 'a.m.';
}else{
ampm = 'p.m.';
}


// 출력을 위해 보기 원하는 최종 형식을 만들어서 변수에 대입
var output = year + '/' + (month +1) + '/' + date + '/' + ' ' + hour + ':'+ min + ampm;
document.getElementById('time').textContent = output; //위치 찾아서 변경
</script>