8. 기념일 구하기

2017. 8. 22. 14:24ㆍ하루만에 프로그래밍 끝내기/JAVASCRIPT

1. 자바스크립트는 기본적으로 제공하는 객체들이 있습니다. 예를 들면, 날짜를 알려주는 Date(), 수학 함수들을 지원하는 Math(), 배열을 지원하는 Array() 등이 있습니다. 객체(Object)는 웹 문서를 구성하는 요소라고 할 수 있습니다. 웹 페이지에서는 상태 표시줄, 스크롤바, 폼버튼 등을 객체라고 볼 수 있습니다. 속성(Property)은 객체의 특징 및 상태를 나타냅니다. 예를 들어, window객체는 name(이름), 이미지 객체는 width, height와 같은 속성을 가집니다. 메소드(Method)는 객체가 하는 동작을 나타냅니다. 지금까지 사용했던 document.write(); alert();와 같은 것을 메소드라고 할 수 있습니다. 객체와 속성, 객체와 메소드를 연결할 때는 .로 연결합니다.

2. 자바스크립트의 대표적인 내장 객체인 Date()를 이용해서 현재 날짜를 출력해 봅니다.
   -1) 소스코드


<!DOCTYPE html>
<html lang="ko">
<head>
 <meta charset="UTF-8">
 <title>기념일 구하기</title>
</head>
<body>
<p id="date"></p>
<script type="text/javascript">
 document.getElementById("date").innerHTML = Date();
</script>
</body>
</html>
 


   -2) 실행결과

메소드 

기능 

getDate() 

날짜를 출력합니다. (1~31) 

getFullYear() 

연도를 출력합니다. 

getHours() 

시간을 출력합니다. (0~23) 

getMinutes() 

분을 출력합니다. (0~59) 

getMonth() 

달을 출력합니다. (1~12월) 

getSeconds() 

초를 출력합니다. (0~59) 

getTime() 

1970년 이후 시간을 1/1000초 단위로 출력합니다. 

 

3. 위의 메소드를 이용해 기념일까지 남은 날짜를 계산해 주는 프로그램을 만들어 봅니다.
   -1) 소스코드


<!DOCTYPE html>
<html lang="ko">
<head>
 <meta charset="UTF-8">
 <title>기념일 구하기</title>
</head>
<body>
 <script type="text/javascript">
  var today = new Date();
  var celeday = new Date(2018,1,20);
  var btms = celeday.getTime()-today.getTime();//시간차
  var btDay = btms/(1000*60*60*24);//일 수
  document.write("기념일까지 "+Math.ceil(btDay)+"일 남았습니다.");
 </script>
</body>
</html>
 


   -2) 실행결과

메소드 

기능 

ceil(x) 

x 값을 올립합니다. 

floor(x) 

x 값을 내림합니다. 

round(x) 

x 값을 반올림합니다.

random() 

난수를 만듭니다. 

abs(x) 

x 값의 절댓값을 구합니다.

 

저작자표시 비영리 동일조건

'하루만에 프로그래밍 끝내기 > JAVASCRIPT' 카테고리의 다른 글

6. 퀴즈 프로그램 만들기  (3) 2017.08.21
5. 함수 만들기  (0) 2017.08.11
4. 내가 좋아하는 동물들  (0) 2017.08.10
3. 음식 주문하기  (0) 2017.08.09
2. 사칙연산하기  (0) 2017.08.09

관련글

댓글 0

티스토리툴바