1. timeout
setTimeout(func, time)
-> time(ms) 이후에 func이 실행됨.
how to use
clock.js
function sayHello() {
console.log("hello");
}
// 5000ms(5초) 뒤에 sayHello 함수 실행됨.
setTimeout(sayHello, 5000);
2. date object
web에서 제공하는 기본 객체로, 날짜/시간과 관련된 객체
- google -> js date mdn search !
how to use
clock.js
const clock = document.querySelector("h2#clock");
function getClock() {
const date = new Date(); // Date 객체 생성
clock.innerText = `${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`;
}
getClock(); // website가 load되자마자 실행되게 하기 위해!
setInterval(getClock, 1000); // 이후 매초마다 실행
