HTML, CSS , JavaScript

[JavaScript] 기념일 디데이 계산기

2023. 2. 21. 23:03
목차
  1. 미니프로젝트 #3 기념일 디데이 계산기

미니프로젝트 #3 기념일 디데이 계산기

var now = new Date();
var a = new Date(‘2020-12-25’) 특정 일의 date 객체
var a = new Date(1000) 1970년 1월 1일 00:00:00을 기준으로 1000밀리초 만큼 흐른 시간에 대한 정보
now.getFullYear() 년도정보
.getMonth() 월 정보 (0=1월, 1=2월 ...)
.getDate() 일 정보
.getTime() 1970년 1월 1일 00:00:00을 기준으로 흐른 시간을 밀리초로 나타냄

    <script>
        var now = new Date();
        var start = new Date('2020-06-30');

        // 오늘이 며칠째인지
        var timeDiff = now.getTime() - start.getTime();
        var day = Math.floor(timeDiff / (1000 * 60 * 60 * 24) + 1);
        $('#love').text(day + '일째');

        // 오늘부터 특정일까지 남은 날짜
        var valentine = new Date('2021-02-14');
        var timeDiff2 = valentine.getTime() - now.getTime();
        var day2 = Math.floor(timeDiff2 / (1000 * 60 * 60 * 24) + 1);
        $('#valentine').text(day2 + '일 남음');

        // 천일은 언제인가?
        var thousand = new Date(start.getTime() + 999 * (1000 * 60 * 60 * 24));
        var thousandDate = thousand.getFullYear() + '.' + (thousand.getMonth()+1) + '.' + thousand.getDate();
        $('#thousand-date').text(thousandDate);

        // 기념일까지 남은 날짜
        var timeDiff3 = thousand.getTime() - now.getTime();
        var day3 = Math.floor(timeDiff3 / (1000 * 60 * 60 * 24) + 1);
        $('#thousand').text(day3 + '일 남음');
    </script>

'HTML, CSS , JavaScript' 카테고리의 다른 글

[HTML] 문서의 골격  (0) 2023.02.21
[JavaScript] jQuery (미니 게임)  (0) 2023.02.21
[JavaScript] 글자 수 계산기  (0) 2023.02.21
[JavaScript] 로또 번호 추첨  (0) 2023.02.21
[JavaScript] 배열과 객체  (0) 2023.02.21
  1. 미니프로젝트 #3 기념일 디데이 계산기
'HTML, CSS , JavaScript' 카테고리의 다른 글
  • [HTML] 문서의 골격
  • [JavaScript] jQuery (미니 게임)
  • [JavaScript] 글자 수 계산기
  • [JavaScript] 로또 번호 추첨
jny0
jny0
성장일기
jny0
J N Y 0
jny0
  • 분류 전체보기 (192)
    • 트러블슈팅 (6)
    • Java (22)
    • HTML, CSS , JavaScript (7)
    • MySQL, DBMS (9)
    • GIT (6)
    • 객체지향의 사실과 오해 (3)
    • 자바 ORM 표준 JPA 프로그래밍 (13)
    • 알고리즘 (114)
      • 자료구조 (59)
      • 수학 (11)
      • 정렬 (2)
      • 그리디 (3)
      • DP (4)
      • 그래프 (3)
      • 탐색 (9)
      • 재귀 (2)
      • 문자열 (9)
      • 기타 (12)
    • CS (10)

블로그 메뉴

  • 홈
  • 태그
  • 방명록
  • 글쓰기
  • 관리

공지사항

인기 글

태그

  • 누적합
  • JPA
  • 영상후기
  • git
  • Java
  • 알고리즘
  • DP
  • MySQL
  • 백준
  • BFS
  • 투포인터
  • db
  • JS
  • 자료구조
  • 그리디
  • codeup
  • 구현
  • method
  • 스택
  • 프로그래머스

최근 댓글

최근 글

hELLO · Designed By 정상우.
jny0
[JavaScript] 기념일 디데이 계산기
상단으로

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.