• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>JavaScript BOM Timer</title>
7
</head>
8
​
9
<body>
10
​
11
    <h1>setInterval() 메소드</h1>
12
    <button onclick="startInterval()">2초마다 현재 시간을 표시합니다!</button>
13
    <button onclick="cancelInterval()">시간 갱신 중지!</button>
14
    <p id="date"></p>
15
16
    <script>
17
        var timeoutId;
18
        function startInterval() {
19
            timeoutId = setInterval(printCurrentDate, 2000);
20
        }
21
        function cancelInterval() {
22
            clearInterval(timeoutId);
23
        }
24
        function printCurrentDate() {
25
            document.getElementById("date").innerHTML += new Date() + "<br>";
26
        }
27
    </script>
28
29
</body>
30
​
31
</html>