Day13:날짜를 생성하는 new Date

Language/JavaScript

Anoi 2023. 11. 21. 23:10

자바스크립트에는 Date라고 하는 날짜 객체가 존재한다.

Date

원하는 시간대를 날짜 형식에 맞춰 데이터로 돌려준다.

<head> 안에 날짜 함수 counterMaker 추가 후 버튼과 연결

버튼을 누를 때마다 누른 시간이 출력된다.

현재시각 뿐만 아니라, 특정 시각도 받을 수 있다.

new Date('yyyy-mm-dd') → 소괄호 안에 날짜 형식을 맞춰서 문자열로 특정값을 넣어준다.

목표시간까지 남은 시간도 구할 수 있다

목표시간 - 현재 시간

목표시간까지 도달할 때까지의 초(0.0001초까지)

온전한 초로 사용하려면 나누기를 통해서 0초 이하의 시간대는 소수점 이하로 수를 내려줘야 한다.

남은 시간 구하기 : 초 / 3600

남은 일수 구하기 : (초 / 3600) / 24

크리스마스까지 33일 남았다는 것을 알 수 있다.

날짜로 사용할 것이면 소수를 정리해줘야함

→ floor : 소수점 이하의 수를 내림해주는 메서드

크리스마스까지 남은 시간 구하기

33일 10시간 1분 10초 남았다.

<input>에 들어온 날짜까지 남은 시간을 카운트해보자.

<input>에 들어온 날짜를 받는 변수들을 dateFormat에 문자열 형태로 담는다.

중간중간 -을 추가하여 날짜형식을 맞춰준다.

그리고 counterMaker 함수에 dateFormat을 넣어줬다.

그렇게 실행해보면 dateFormat이 정의되지 않았다는 오류가 발생한다.

지역변수의 개념 때문

이는 함수의 반환으로 해결할 수 있다.