[Vanilla JS] 현재 날짜/시간 가져오기

<문제 상황: 현재 시간 정보 가져오기>

 현재 시간을 띄우기 위하여, 현재 날짜 정보를 호출하는 메서드가 필요했다. 이게 처음에는 잘 기억이 나지 않아 Date, Date.now(), Date.now().hour(), 등등을 막 입력했었는데, 결국 답을 찾지 못했었다. Nico의 강의영상을 보며 작성했던 초기 코드를 다시 복습하면서 글을 남긴다.

 

 

<해결: new Date().getHours/Minutes/seconds 사용>

Date()를 입력하면 현재 날짜를 얻어올 수 있고, 아래와 같이 특정 변수에 동적할당을 해주어야 getHours(), getMinutes(), ...와 같은 메서드를 쓸 수 있는 듯하다. 이것저것 다 해봤지만 그 외에는 불가능했다. 구체적인 이유는 더 찾아봐야할 것 같다 ㅜㅜ

function getClock() {
    const date = new Date();
    const hour = String(date.getHours()).padStart(2, 0);
    const min = String(date.getMinutes()).padStart(2,0);
    const sec = String(date.getSeconds()).padStart(2,0);
    clock.innerText = `${hour} : ${min} : ${sec}`;
}

 

 

<결과화면>

왼쪽 상단의 시계가 잘 작동하는 모습

 

<추가>

string.padStart(5, "@");        /* string이 5자리가 안되면 string의 앞을 "@"로 채워라 */
string.padEnd(5, "@");        /* string이 5자리가 안되면 string의 뒤를 "@"로 채워라 */

setInterval(getClock, 1000);    /* getClock함수를 1000ms(=1s)마다 수행. */

 

 

[Nico의 바닐라 JS로 크롬 앱 만들기 - review project]