[Javascript 기본] 간단한 시계 구현(Date 객체, getHours(), getMinutes(), getSeconds(), padStart(), setInterval())

Date 객체

const date = new Date();

→ 매 순간 변화하는 시간과 날짜에 관한 정보를 제공한다.

• new 연산자를 사용한다.
• 매개변수가 없을 시 생성 순간의 날짜와 시간을 나타내는 Date 객체를 생성한다.

Date 메서드

모든 Date 인스턴스는 Date.prototype으로부터 메서드와 프로퍼티를 상속받는다.

getHours() - 현재 시각에 해당하는 숫자(0 ~ 23) 반환.
getMinutes() - 현재 시각의 분에 해당하는 숫자(0 ~ 59) 반환.
getSeconds() - 현재 시각의 초에 대당하는 숫자(0 ~ 59) 반환.

 

그 외 메서드 ↓

• getDate() - 현재 일자에 해당하는 숫자(1 ~ 31) 반환.
• getDay() - 현재 요일에 해당하는 숫자(0 ~ 6) 반환.
• getMonth() - 현재 월에 해당하는 숫자(0 ~ 11) 반환.
• getFullYear() - 현재 연도를 4비트 숫자(YYYY)로 반환.
• getMilliseconds() - 현재 시각의 밀리초에 해당하는 숫자(0 ~ 999) 반환.
• getTime() - 1970년 1월 1일 0시 0분 0초부터 현재까지의 시간을 밀리초 단위의 숫자로 반환.

padStart()

String.prototype.padStart(targetLength, [, padString]); 

→ 현재 문자열의 시작을 좌측부터 다른 문자열로 채워서 주어진 길이를 만족하는 새로운 문자열을 반환.

• targetLength: 목표 문자열 길이
• padString: 현재 문자열에 채워넣을 다른 문자열.

setInterval()

setInterval(function, delay);

→ 일정한 시간 간격을 두고 작업을 반복해서 실행.

• function: delay의 밀리초마다 해당 함수 실행.
• delay: 밀리초 단위, 기본값 0.

---

참고 사이트)

- padStart()

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/padStart

String.prototype.padStart() - JavaScript | MDN

- Date ㄱ

http://www.tcpschool.com/javascript/js_standard_dateMethod

코딩교육 티씨피스쿨