< Clocks >

Timeouts and Dates

setTimeout

n초 후에 기능을 수행하는 함수이다.

//clock.js
//...
setTimeout(sayHello, 5000);//5초후에 sayHello함수를 호출하라.

Date object로 현재 시간 나타내기

//clock.js
function getClock(){ 
  const date = new Date(); //Date객체는 현재 시각을 불러올 수 있는 객체이다.
  clock.innerText = `${date.getHours()} : ${date.getMinutes()} : ${date.getSeconds()}`; //date객체안에 든 함수를 사용하여 시, 분, 초를 나타낸다. 
  //함수이므로 괄호를 붙여줘야 한다. 
  //clock 변수는 html에서 clock을 id로 가지고 있는 h2태그를 의미한다. 
}
getClock();//실행시키자 마자 시간을 나타내기 위해 함수를 바로 실행시킨다.
setInternal(getClock, 1000);//1초마다 getClock함수를 실행시킨다. 브라우저가 열리자마자 실행되지 않고, 1초 후부터 함수가 실행된다.