const clock = document.querySelector("h2#clock");
function sayHello(){
console.log("hello");
}
setInterval(sayHello, 5000);
setTimeout(sayHello, 5000);
clock을 정의 = html의 h2태그에 있는 #clock
변수 정의 : sayHello {
"hello"를 콘솔창에 표시
}
interval(매번 일어나야 하는 무언가)를 설정(sayHello라는 변수를, 5초에 한번씩); **5000은 ms(밀리세컨)을 뜻함. 1m = 0.001초
Timeout(한번만 일어나야 하는 무언가)를 설정(sayHello라는 변수를,5초에 한번만);
const clock = document.querySelector("h2#clock");
function getClock(){
const date = new Date();
Date(); 와 new Date()의 차이는
new '클래스 이름'() 전체가 클래스로부터 새로운 객체를 생성하는 방법.
Date()를 써서 나오는 값은 함수가 아니라 문자열이기 때문에 함수로 호출할 수 없음.
clock.innerText = (${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}
);
}
getClock();
setInterval(getClock, 1000);
clock 함수에 텍스트를 추가 = $(date에서 시를 가져옴:date에서 분을 가져옴:date에서 초를 가져옴)
getClock을 바로 실행;
1초에 한번씩 getClock을 실행한다.