강의, 책/[JS] 바닐라 JS로 크롬 앱 만들기

#5. Clock

hye3193 2024. 2. 2. 10:07

Tip. 기능별로 자바스크립트 파일을 분리해서 만들어주면 편하다

 

Interval

setInterval(함수명, 밀리초);
// ex. setInterval(sayHello, 5000);

ms 기준(1000ms = 1초)으로 지정한 밀리초마다 반복해서 해당 함수를 실행시키는 함수

 

Timeout

setTimeout(함수명, 밀리초);

해당 함수가 실행되고 지정한 밀리초가 지난 뒤에 해당 함수를 한 번 실행시키는 함수

 

Date

const date = new Date();
const hours = date.getHours();
const minutes = date.getMinutes();
const seconds = date.getSeconds();

새로운 Date 객체를 만든 후, get~~ 함수를 이용해서 연월일, 시분초를 받아올 수 있다

 

PadStart / PadEnd

const newString = string.padStart(길이, "추가할 문자");
const newString = string.padEnd(길이, "추가할 문자");

string의 길이가 지정한 길이보다 작다면, string의 앞/뒤에 추가할 문자로 지정한 문자를 지정한 길이가 되게 붙인 문자열을 반환한다

 

 

 

'강의, 책 > [JS] 바닐라 JS로 크롬 앱 만들기' 카테고리의 다른 글

#7. To Do List  (1) 2024.02.02
#6. Quotes and Background  (0) 2024.02.02
#4. Login  (0) 2024.02.02
#3. JavaScript on the Browser  (0) 2024.02.01
#2. Welcome to JavaScript  (0) 2024.01.31