본문 바로가기

빅데이터 교육과정 (2021-01-25 ~ 2021-06-24)/WEB (02-22 ~)

자바스크립트 시계 표시하기 실습

시계 표시하기.htm
0.00MB

<html>

    <head>

        <script language="javascript">

            function showClock(){

                var currentDate = new Date();

                var divClock = document.getElementById("divClock");

 

                var msg = "현재 시간: "+currentDate.getHours()+"시 ";

                msg += currentDate.getMinutes()+"분 ";

                msg += currentDate.getSeconds()+"초";

 

                divClock.innerText = msg;

 

                setTimeout(showClock1000);

            }

        </script>

        <style>

            .clock{

                font-familytahoma;

                font-size24px;

                color:#006699;

            }

        </style>

    </head>

    <body onload="showClock()">

        <div id="divClock" class="clock"></div>

    </body>

</html>