본문 바로가기

자바 스크립트/기타

[자바 스크립트] 1초마다 갱신되는 시계 만들기 (콜백 함수 응용)

- 소스 코드

<!DOCTYPE html>
<html lang="ko">

<head>
    <meta charset="UTF-8">
    <title>예제</title>

    <script>
        // 반복 시작 함수
        // 시간 출력 함수를 1초마다 실행함
        function startInterval() {
            setInterval(printCurrentDate, 1000);
        }

        // 시간 출력 함수
        function printCurrentDate() {
            // my_date라는 아이디를 가진 태그를 가져오고,
            // 해당 html 태그 안에 Date 객체를 출력함
            document.getElementById("my_date").innerHTML = new Date();
        }
    </script>
</head>

<body>
    <button onclick="startInterval()">날짜 갱신 시작</button>
    <p id="my_date"></p>
</body>

</html>

 

- 실행 결과