[JS] 호출 => setTimeout, setInterval & 저장 => Local Storage

setTimeout

일정한 시간이 지난 후에 함수를 호출한다.

setTimeout(func, millisecond) 
// 1000 millisecond은 1초이며, 기본값은 0이다.

1) 1초 뒤에 greeting() 이 실행된다.

function greeting() {
  console.log('안녕하세요.');
}

setTimeout(greeting, 1000);
// 주의!! greeting() 처럼 함수를 실행하지 않고 인자로 넘긴다.
// 안녕하세요

2) 1초 뒤에 greeting(args) 전달인자가 들어와서 실행된다.

function greeting(person, text) {
  console.log( person + '님, ' + text );
}
setTimeout(greeting, 1000, "현수", "안녕하세요."); // 함수의 전달인자가 들어올 수 있음
// 현수님, 안녕하세요. (함수 실행 1초 후 콘솔창에 출력됨)

화살표함수로 한 번에 실행할 수 있다.

setTimeout(() => console.log('안녕하세요.'), 1000);

---

setInterval

일정한 시간 간격을 두고 함수를 호출한다.

clearTimeout

호출한 함수를 취소한다.

const timer = setInterval(() => console.log('alarm'), 2000);
// 2초 간격으로 'alarm'을 띄우고,

setTimeout(() => {clearInterval(timer); console.log('stop');}, 5000);
// timer를 5초 뒤에 취소하고 'stop'을 출력한다.

출처