JS intervals & timeout

💡 intervals : 설정된 시간마다 매번 함수를 수행하게 설정하는것 ex) 매 2초마다 실행시키는 무언가.

function askYourName(){
	console.log("what's your name?");
}
//이 함수를 여러번 호출 하고 싶으면 JS에 이미 내장된 기능을 쓰면된다.

setInterval(askYourName, 5000);
//ms단위라 5초면 5000을 설정하면된다.

💡 Interval은 업데이트가 필요한 data나 주식호가 데이터를 불러오기 적합하다.

💡 timeout : 일정시간 뒤에 기능을 딱 한번만 수행하게 설정하는것

function askYourName(){
	console.log("what's your name?");
}

setTimeout(askYourName, 5000)
//5초뒤에 딱 한번 askYourName()이 실행된다.

⏰ 시계만들기

const clock = document.querySelector("h2#clock");
//html에 id값으로 연결

function getTime() {
  const date = new Date();
  clock.innerText = `${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`;
}

getTime(); 
//Interval에 1초간격으로 셋팅되어 있기때문에 페이지가 reload되면 1초를 기다려야함.
//함수를 즉각 실행시킴으로 방지가능. 
setInterval(getTime, 1000);