WEB/JavaScript

[JS] 자바스크립트 현재 시간 가져오기

다콩잉 2022. 9. 13. 16:17 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .clock{
            font-family: tahoma;
            font-size: 24pt;
            color: #006699;
        }
    </style>
    <script>
        function showClock(){
            var currentDate = new Date();
            var divClock = document.getElementById("divClock");

            var msg = '현재 시간: ' + currentDate.getHours() + "시 ";
            msg += currentDate.getMinutes() + "분 ";
            msg += currentDate.getSeconds() + "초 ";

            divClock.innerHTML = msg;
            
            setTimeout(showClock, 1000);
        }
    </script>
</head>
<body onload="showClock()">
    <div id="divClock" class="clock"></div>
</body>
</html>
728x90