환영합니다

※현재 시각은 입니다.

 

예제

<h1>환영합니다</h1>
※현재 시각은
<input type="text" id="date">입니다.
<script type="text/javascript">
function dates() {
	let dates = new Date();
	document.getElementById("date").value = dates.getHours()+":"+
							   	dates.getMinutes()+":"+
							   	dates.getSeconds();
}
setInterval("dates()", 1000);
</script>

 

설명

 text value값으로 현재 시간을 넣어주는 간단한 예제이다.

 다만, 이방식으로 할 경우 1~9의 시,분,초 앞에 0이 나오질 않는다.

 setInterval()함수를 통해 1초마다 시간이 갱신된다.

 

 

시,분,초가 1~9일 때 앞에 0이 붙도록 하는 예제

<h1>환영합니다</h1>
※현재 시각은
<input type="text" size="5" id="timebox">입니다.
<script type="text/javascript">
function nowtime() {
	let now = new Date();
	
	let hour = now.getHours();
	let minute = now.getMinutes();
	let second = now.getSeconds();
	
	if(hour < 10){
		hour = "0"+ hour;
	}else if(minute < 10){
		minute = "0"+ minute;
	}else if(second < 10){
		second = "0"+ second;
	}
	document.getElementById("timebox").value = hour+":"+minute+":"+second;
}
setInterval("nowtime()", 1000);
</script>

 

설명

조건문을 사용하여 시,분,초가 1~9일 때 앞에 0이 붙도록 하였다.