[JS] setInterval을 이용한 시간 불러오기

setInterval ( ) : 첫 번째 파라미터에 전달한 함수를 두 번째 파라미터에 지정한 ms를 주기로 

반복해서 함수를 자동적으로 호출해주는 자바스크립트 메서드 

 

1. 기본문법

1초를 주기로 getClock이란 함수를 자동으로 호출해줌

 

 

2. 파라미터에 익명함수 선언도 가능

 

setInterval 파라미터로 alert을 호출하는 익명함수를 설정, 3초마다 Hi 모달창을 주기적으로 띄워줌 (매우 잘 작동)

 

 

활용 예시)  new Date를 메서드를 사용해서 시간을 띄워보자 

 

 

new Date 메서드란? 표준 시간을 제공하는 고마운 존재 

모던 자바스크립트 튜토리얼 참고 https://ko.javascript.info/date

Date 객체의 메서드를 사용하면 현재 날짜 및 시간을 출력할 수 있는데 

구성요소 각각의 요소 역시 따로 불러올 수 있게 친절하게 만들어져있다. 

 

 

getHours, getMinutes, getSeconds 매서드를 사용하면 스탠다드한 버전의 시간을 보여주는 무엇을 만들 수 있는 재료가 됨 

 

바로 선언해보자 

 

getClock이라는 시간을 표기해주는 함수 선언 

=> date 객체 선언 

=> date 객체의 메서드를 활용해서 clock HTML DOM 요소에 백틱과 innerText를 사용하여 문자열로 넣어준다. 

 

 

잘 작동하는 것을 볼 수 있다.