노마드 코더의 바닐라 JS로 크롬 앱 만들기 강의를 듣고 내용을 정리합니다.
🦖 JS에서 제공하는 interval 기능
interval이란?
매번 일어나야 하는 무언가를 의미. 예를 들어 '매 2초'라고 하면 이것이 interval이 된다.
setInterval
setInterval(실행하려는함수, 호출되는함수의시간간격)
시간 단위는 ms이므로 5초마다 호출하고 싶다면 5000이라고 적어주어야 함
예시
function sayHello() {
console.log("Hello");
}
setInterval(sayHello, 5000);
바로 실행되지 않고 5초 후 첫 시작이 되고, 그 이후 5초마다 계속 콘솔 창에 Hello가 출력된다.
setTimeout
setTimeout(실행하려는함수, 호출되는함수의시간간격)
예시
function sayHello() {
console.log("Hello");
}
setTimeout(sayHello, 5000);
setInterval과 동일하게 바로 실행되지 않고 5초 후 첫 시작이 된다.
하지만 차이점은 그 이후에는 더이상 실행되지 않는다는 것이다. 즉 콘솔 창에 Hello가 처음 한번만 출력된다.
🦖 Date 객체
const date = new Date() //오늘 날짜와 요일, 현재 시간 정보 저장
date.getDate() // 며칠
date.getDay() // 무슨 요일(0은 일요일)
date.getFullYear() // 몇년도
date.getHours() // 몇시
date.getMinutes() // 몇분
date.getSeconds() // 몇초🦖 padStart 함수
string에 쓸 수 있는 함수로, string의 길이에 따라 앞에 문자를 추가해주는 함수이다.
"1".padStart(2,"0") // 문자열의 길이가 2가 안될 경우, 해당 길이가 될 때까지 앞에 0을 붙여준다. 결과는 "01"이 된다.
🦖 String() 함수
다른 자료형을 문자열로 바꿔주는 함수
String(new Date().getHours())
// getHours는 현재 시간인 숫자를 반환하는데, 이를 String으로 변환해주면 문자열로 변환된다.
ꜱɪɴᴄᴇ ２０２１.０９.０１