상세 컨텐츠

본문 제목

날짜 데이터 JavaScript: D-day : 93일

HTML.CSS.JavaScript

by Sam_Park 2022. 1. 24. 00:12

본문

 

Javascript, doit, 교재 따라하기

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 <script>
      var today = new Date();        //왠지 모르지만 밑에 애들 변수 지정 안 했는데 작동됨. 해도 잘 됨.
      nowMonth = today.getMonth();   // nowMonth 에 today 날짜의 월을 입력(0부터11: 1월은 0, 12월은 11) 
      nowDate = today.getDate();     // nowDate에 일을 입력
      nowDay = today.getDay();       // 0(일요일) 부터 6(토요일) 까지 요일 중 오늘 요일을 담음.
 
      document.write("<h1>오늘 날짜 정보</h1>");
      document.write("현재 월: " + nowMonth, "<br>");
      document.write("<h4>현재 일: " + nowDate, "</h4>");
      document.write("현재 요일: " + nowDay + "</br>");   
     //-------------------------------------------------------------------
 
      var nowYear = today.getFullYear();
      var theDate = new Date(nowYear, 1131);
      var diffDate = theDate.getTime() - today.getTime(); // 밀리초 단위의 현재 날짜
      var result = Math.ceil(diffDate / (60 * 1000 * 60 * 24)); // 소수점 첫쨰자리에서 무조건 올림하여 정수를 반환.
      document.write("<h1> 올해 연말까지 남은 날짜 </h1>");
      document.write("<h2> D-day : " + result + " 일 남았습니다.</h2>");
 
      var theDate2 = new Date(nowYear, 326);
      var diffDate2 = theDate2.getTime() - today.getTime(); // 밀리초 단위의 현재 날짜
      var result2 = Math.ceil(diffDate2 / (60 * 1000 * 60 * 24));
      document.write("<h1> 빅데이터반 수료까지 남은 날짜 </h1>");
      document.write("<h2> D-day :" + result2 + " 일 남았습니다.</h2>");
 
     //var worldCup = new Date(2002431);   // today가 아닌 특정 날짜를 변수에 담음.
     //  (theMonth = worldCup.getMonth(),      // 이것도 됨... 허허..
     //  (theDate = worldCup.getDate()),       
     //  (theDay = worldCup.getDay());
 
     //document.write("<h1>worldCup 정보</h1>");
     //document.write(" worldCup 몇 월: " + theMonth, "<br>");
     //document.write("<h4>worldCup 며칠?: " + theDate, "</h4>");
     //document.write("worldCup 무슨 요일: " + theDay + "</br>");
 
</script>
 
cs

출력 결과

스마트인재개발원 수업은 4월 26일까지인데, 93일 남았다. 와우.. 

어느 새 두 달이 넘었다. 내일이면 70일째가 될 것이다. 

나름 많이 배웠고 배울 건 또 한참 남았다ㅎㅎㅎ

 

오늘 한 date 함수가 기간을 돌아보게 해주었다. 굿굿.

여튼 위에는 교재에 분류된 내장객체 예제였고, 내장객체 정리 내용까지 책 그대~로 있는 다른 블로그 링크를 아래 첨부하였다. 

https://carina16.tistory.com/35?category=360428 

 

[javascript] - 내장 객체(날짜,수학)

내장 객체 생성 기본형 :  참조변수(인스턴스 이름) = new 생성 함수() var tv = new Object(); tv.color = "white"; tv.price = 3000000; tv.info = function(){ document.write("tv 색상 : " + this.color,"..

carina16.tistory.com

모르는 분이지만 책을 다 가져오셨길래 덕분에 편하게 공부하실 분이 누군가 있겠지.

 

이 다음- 배열 전에 나오는 것 중에는 랜덤과 올림,내림이 외워둘만 한데, (반올림은 round를 씀)

1
2
3
4
5
      document.write(Math.floor(Math.random()*31),"<br>");  // 0-30까지 랜덤 정수, floor(내림)
      document.write(Math.ceil(Math.random()*30),"<br>");   // 0-30까지 랜덤 정수, ceil(올림)
      document.write(Math.ceil(Math.random()*29)+1,"<br>");   // 1-30까지 랜덤 정수
 
cs

 -랜덤 수이다 보니 출력에 딱히 의미는 없는 것 같다.

여튼 남은 기간도 열심히 잘 합시다. 

관련글 더보기

댓글 영역