const date = new Date() 를 통해서 시간 객체를 생성해준다.
- getHours() : 현재 시간 출력
- getMinutes() : 현재 분 출력
- getSeconds() : 현재 초 출력
setInterval을 통해서 주기적인 함수를 실행해준다.
- setInterval(실행할 함수, 실행시간)
padStart()를 사용하면 string에 문자를 추가할 수 있다.
padStart()메서드는 결과 문자열이 지정된 길이에 도달할 때까지 현재 문자열을 다른 문자열로 채웁니다.
padStart(targetLength, padString)
- targetLength : str가 채워진 후 결과 문자열의 길이입니다 . 값보다 작은 경우 str.length, 다음 str그대로 반환됩니다.
- padString : 현재를 채울 문자열 str입니다.
padEnd(targetLength, padString) : 현재 문자열의 끝에서 적용됩니다.
2보다 작을 경우 0 이 추가된 것 확인 가능
'웹 개발 > 기초' 카테고리의 다른 글
자바스크립트로 ul > span > 입력 값 추가 (0) | 2021.08.22 |
---|---|
랜덤값 뽑기 / 자바스크립트에서 HTML 태그 생성 (0) | 2021.08.20 |
localStorage 사용하기 (0) | 2021.08.18 |
``(백틱) 사용하기 (0) | 2021.08.18 |
HTML 클래스 태그 신규 생성 / 제거 (0) | 2021.08.18 |
Date 객체를 통해 현재 시간 출력하기