브라우저에 현재 시간 표시하기 javascript

input 박스에 현재 시간을 띄워보겠다.

다음은 html

<input type="text" name="" id="data" size="50">

 

javascript

<script type="text/javascript">
        function clock(){
            let now = new Date;

            let time = document.getElementById("data");

            hour = now.getHours();
            minutes = now.getMinutes();
            seconds = now.getSeconds();

            time = hour+':' +minutes+':'+ seconds;

            data.value = time;           

            setInterval(clock,1000);
        }
    </script>

시간이 실시간으로 바뀌어야하니까 

setInterval()을 써줬다.