웹개발/JAVASCRIPT
[JavaScript] 현재 시간 출력하기, Date()
웹개발자옌
2021. 9. 16. 18:10
자바스크립트를 이용하여 현재 시간을 출력해보았다.
<body>
<h1></h1>
</body>
body 부분엔 시간을 출력할 h1 삽입
<script>
function clock(){
let timetext = document.querySelector('h1'); /* h1 태그 갖고오기 */
let today = new Date(); /* 날짜와 시간 */
let H = today.getHours();
let M = today.getMinutes();
let S = today.getSeconds();
timetext.innerHTML = H + ":" + M + ":" + S; /* html에 출력 */
}
clock();
setInterval(clock,1000); /* 1초마다 clock함수 실행 */
</script>
script 부분
clock함수 만들어서 Date()를 이용하여 현재 시간을 출력
setInterval함수로 1초마다 clock함수 실행
< 결과 >
