UI Laboratory

UI 개발을 위한 레퍼런스

현재 시간을
표시하는
Date객체

설명
현재 시간을 Date 오브젝트를 이용하여 '오전 10:29:23' 와 같은 문자열로 반환하는 함수이다. 1초마다 함수를 반복적으로 호출하여 초단위로 현재시간을 표시한다.
date.toLocaleTiemString()
Date 객체에서 시간 부분을 현지 시간 형식으로 표현한 문자열을 반환

HTML

				<body onload="Init ()">
					The current time is 
				</body>			
			

Javascript

				<script type="text/javascript">

					function UpdateClock () {
						var clock = document.getElementById ("clock");
						var now = new Date ();
						clock.innerHTML = now.toLocaleTimeString ();
					}
					function Init () {
						UpdateClock ();
						setInterval (UpdateClock, 1000);
					}				
				</script>
			
예제보기