WebProgramming/practice10-5.html at main · huheyun/WebProgramming · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>시계 구현</title>
    <style>
      #clock {
        display: inline-block;
        width:7em;
        border:solid 1px black;
        background-color: aliceblue;
      }
    </style>
    <script>
        function startClock(){
            var clock=document.getElementById('clock');
            timeout(clock);
        }

        function timeout(obj){
            var now=new Date();
            obj.innerHTML=now.toLocaleTimeString();
            setTimeout("timeout(clock)",1000);
        }

    </script>
  </head>
  <body onload="startClock()">
    <h3>div 태그에 시계 만들기</h3>
    <hr>
      <div id="clock"></div>
    </form>
  </body>
</html>