
[JavaScript] 실시간으로 변하는 디지털시계 만들기(setInterval)
2022. 12. 10. 23:41
JavaScript
제목 그대로 시간의 변화를 실시간으로 화면에 나타내는 것을 다뤄 보겠다. 아날로그는 아니고 숫자만 변하는 단순 디지털 시계를 만들어 보겠다. 준비할 건 html, 자바스크립트 파일이고 사용할 js 함수는 new Date, padStart, setInterval이다. 00:00 우선 간단히 html 을 구성했다. clock.js 파일을 만들어 h1 태그 내부에 시간을 출력할 것이다. const clock = document.querySelector("h1#clock"); function showTime() { const date = new Date() const hour = String(date.getHours()).padStart(2, "0"); const minutes = String(date.getM..