<html>
<head>
<title> new document </title>
<script type="text/javascript">
<!--
var i=self.setInterval("ch()",500); // 함수 ch()를 0.5초 간격으로 읽고 정지를 위해 i에 넣어둔다.
function ch() // 함수 ch를 선언...
{
var t = new Date() //t에 Date() 내장함수를 넣는다.
t = t.toLocaleTimeString(); // 현재 지역 시간 문자열을 t에 넣는다.(년/월/일/ 함께 출력하고 싶으면 "toLocaleString"을 이용~)
document.getElementById("out").value=t; // t를 id=out 으로 보낸다. (getElementById는 인수로 form네임을 거칠 필요없이 정의된 input의 id값 out을 바로 찾아간다.)
}
//-->
</script>
</head>
<body>
<input type="text" id="out" size="11" /> <!-- 0.5초 간격으로 ch()를 돌려주므로 out의 시계는 실시간처럼 잘 돌아간다.-->
<br>
<input type="button" value="이유없이 시간 멈추기" onClick="clearInterval(i)" /> <!--i에 저장된 리프레쉬값을 클리어시켜 시간이 멈춘다.-->
</body>
</html>