본문 바로가기

Java Script/work

현재 시각은**입니다

 

 

 

 

 

 

 

 

 

 

 

 

 

 

<body>
<div style="border: 1px solid skyblue;">
<h1>환영합니다</h1>
<br>
※현재 시각은<input type="text" id="timebox" value=""> 입니다.
<br><br><br><br><br><br>
</div>
<script type="text/javascript">
function nowTime() {
	let now = new Date();
	
	let hour = now.getHours();
	let minute = now.getMinutes();
	let second = now.getSeconds();
	
	//1:1:20을 01:01:20으로 바꿈
	if (hour<10) {
		hour = "0"+hour;
	}
	if (minute<10) {
		minute = "0"+minute;
	}
	if (second<10) {
		second = "0"+second;
	}
	document.getElementById('timebox').value = hour+":"+minute+":"+second;
}
//시간계속 흘러가게, nowTime함수를 계속 호출
setInterval("nowTime()", 100);
//setInterval("함수호출",1000);

</script>
</body>