<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
// body 요소가 로딩된 후 호출할 함수 선언
window.onload = function() {
// clock1 과 clock2 에 해당하는 id 속성값에 해당하는 객체 가져와서 clock1, clock2 변수에 저장
var clock1 = document.getElementById("clock1");
var clock2 = document.getElementById("clock2");
// Date 객체를 활용하여 현재 시각 얻어와서 출력하기
var now = new Date().toString();
clock1.innerHTML = now;
// 자바스크립트 내에서 어떤 작업(함수)을 주기적으로 반복하기 위해서는
// setInterval() 함수를 호출하여 반복할 작업(함수)과 반복 주기 전달하면 된다.
// => 이 때, 반복 주기는 밀리초(ms) 단위의 값 전달(ex. 1000밀리초 = 1초)
// 기본 문법 : setInterval(함수, 반복주기);
setInterval(function() {
clock2.innerHTML = new Date().toString();
}, 1000);
// => 1초(1000밀리초)마다 함수 내의 코드가 자동 실행됨
}
</script>
</head>
<body>
<h1>test12_2</h1>
<h2 id="clock1">시각 표시 위치</h2>
<h2 id="clock2">시각 표시 위치</h2>
</body>
</html>
