Clock part One

시계만들기

const clockContainer = document.querySelector(".js_clock"),//js_clock 을 선택
      clockTitle =  clockContainer.querySelector("h1"); // js_clock의 h1


function getTime(){
  const date = new Date(); //Date생
  const minutes = date.getMinutes(); // Date getMinutes을 minutes에 저장 
  const hours = date.getHours();
  const seconds = date.getSeconds();
  clockTitle.innerText=`${hours}:${minutes}:${seconds}`; 
};

 getTime(); // 현제 시간,분,초 로 h1에 출력이됨

setInterval(함수명,실행할 시간)

setInterval(fn,10000);  // 기본형

function sayHi(){
  console.log("sayHi");
};

setInterval(sayHi, 3000); // 3초마다 sayHi를 출력함

시,분,초가 10보다 작을때 앞에 0이라는 숫자 붙여주기

const clockContainer = document.querySelector(".js_clock"),
      clockTitle =  clockContainer.querySelector("h1");


function getTime(){
  const date = new Date();
  const minutes = date.getMinutes();
  const hours = date.getHours();
  const seconds = date.getSeconds();
  clockTitle.innerText=`${hours < 10 ? `0${hours}` : hours }:${minutes < 10 ? `0${minutes}` : minutes }:${
     seconds < 10 ? `0${seconds}` : seconds }`;
//만약에 hours , minutes , seconds가 10보다 작다면  앞에 0 을 붙여줘
//? -> 참인지 거짓인지 
//확인한후 : -> 참일때는 : 전값을 리턴 거짓일때는 : 이후의 값을 리컨 (작은 if문 같은 역활)
  
};

 getTime();

function init(){

  getTime();
  setInterval(getTime, 1000); // 현재시간이 출력됨
};

init();

localStorage

나의 브라우저에 저장된 정보들을 볼 수 있다.