Daily coding

Java Script : 예제5 - 현재 시간 출력하기 본문

Front-end/Java Script

Java Script : 예제5 - 현재 시간 출력하기

sunnnkim 2020. 1. 9. 19:47 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>환영합니다</h1>
※ 현재시각은 <input type="text" size="10" id="time">입니다.

<script type="text/javascript">
setInterval("mytime()", 1000);
function mytime(){
	var now = new Date();
	var hour = now.getHours() % 13 ;
	var minute = now.getMinutes()<10? "0"+now.getMinutes():now.getMinutes();
	var strTime = 
		hour + ":" + 
		now.getMinutes() + ":" +
		now.getSeconds();

	document.getElementById("time").value = strTime;	

}
</script>

</body>
</html>

'Front-end > Java Script' 카테고리의 다른 글

Java Script : 예제7 - 테이블 및 배열로 계산하기  (0) 2020.01.09
Java Script : 예제6 - 마우스이벤트(onmouseover)  (0) 2020.01.09
Java Script : 예제4 - 랜덤하게 주사위 돌리기  (0) 2020.01.09
Java Script : 예제3 - select 태그를 사용하여 링크 이동  (0) 2020.01.09
Java Script : 예제 2 - 퀴즈 맞추기  (0) 2020.01.09
'Front-end/Java Script' Related Articles more