바닐라 JS로 크롬 앱 만들기 [4-1] Intervals & Padstart

---

Intervals

• 명령어 : setInterval
• 매번 일어나야 하는 무언가
  예시 : 매 2초마다 무슨 일이 일어나게 하고 싶을 때 사용
• 두개의 인자를 받는다.
  첫번째 인자 : 실행하고자 하는 함수
  두번째 인자 : 함수의 실행 간격(ms)

예제

const clock = document.querySelector("h2#clock");

function sayHello() {
    console.log("hello");

}

setInterval(sayHello, 5000);

5초마다 콘솔에 "hello" 출력

---

Padstart

• 명령어 : padStart <--> padEnd
• 문자열에 사용

예제

숫자

"1".padStart(2, "0")
// '01'

“1” 이라는 문자열의 길이를 2로 만드는데, 만약 2가 아니라면 앞에 0을 추가

"12".padStart(2, "0")
// 변화 없음

문자 사용 예시

"hello".padStart(20. "x")
// 'xxxxxxxxxxxxxxxhello'

---

숫자 → 문자열 변환

new Date().getHours()
// 19

string(new Date().getHours())
// "19"