Javascript 에서의 setInterval(함수,간격)

setInterval() 함수는 인자값을 2개 받는데,
첫번째 인자로는 실행할 함수를 받고,
두번째 인자로는 그 함수를 실행하고 싶은 시간(실행할 시간 간격)을 받는다.
이 때, 시간의 단위는 ms 로, 예를 들어 3초를 주고 싶다하면 3000을 값으로 집어 넣어야 한다.

예를 한번 살펴보자.

 

const clockContainer = document.querySelector(".js-clock"),
    clockTitle = document.querySelector('h1');

function getTime(){
    const date = new Date(); // Date는 클래스이다. date 객체 생성
    const hours = date.getHours();
    const minutes = date.getMinutes();
    const seconds = date.getSeconds();
    clockTitle.innerText = `${hours < 10 ? `0${hours}` : `${hours}`}:${minutes < 10 ? `0${
    minutes}`:`${minutes}`}:${seconds < 10 ? `0${seconds}`: `${seconds}`}`;//객체안에 text 집어넣기

}

function init(){
    getTime();
    setInterval(getTime,1000);  // getTime 함수를 불러오는데, 그 간격을 1초(1000ms)로 해라.
}
init();

 

많이 쓰이니까 숙지하도록!