메뉴 건너뛰기

XE Guidebook

JS 기초
2016.07.30 15:01

2-10 메서드 Method

조회 수 16 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

◈ 메서드 Method


● 시간과 날짜를 표시해주는 Date 메서드
 
  getYear() : 연도를 구함(1970이후)
  getFullYear() : 연
  getMonth() : 월
  getDate() : 일
  getDay() : 요일
  getHours() : 시
  getMinutes() : 분
  getSeconds() : 초
  getTime() : 1070년 1월1일 이후시간을 1000분의 1초로 표시함(뭐지?) <-아시는분 리플점
  getMillseconds() : 100분의 1초로 표시
 
 
(예제)
 
  <script language="javascript">
    document.write("자바스크립트 내장객체");
    var today = new Date();
    document.write("<pre>");
    document.writeln("오늘은");
    document.writeln(today.toString());
    document.writeln(today.toLocaleTimeString());
    document.writeln(today.toLocaleString());
    document.writeln(today.getFullYear());
    document.writeln(today.getYear());
    document.writeln(today.getMonth()+1);
    document.writeln(today.getDate());
    document.writeln(today.getHours());
    document.writeln(today.getMinutes());
    document.writeln(today.getSeconds());
    document.writeln(today.getMillseconds());
    document.writeln(today.getDay());
    document.write("</pre>");
  </script>
 
(예제) 오늘 날짜 출력하기
 
  <script language="javascript">
    <!--
      today=new Date() //객체를 정의
      alert("오늘은 "+today.getFullYear()+"년 "+(today.getMonth()+1)+"월 "+(today.getDate()+1)+"일 입니다")
    //-->
  </script>
 
(예제) 요일 구하기
 
  <script type="text/javascript">
    var d=new Date();
    var weekday=new Array(7);
    weekday[0]="Sunday";
    weekday[1]="Monday";
    weekday[2]="Tuesday";
    weekday[3]="Wednesday";
    weekday[4]="Thursday";
    weekday[5]="Friday";
    weekday[6]="Saturday";
    document.write("Today is " + weekday[d.getDay()]);
  </script>
 
 
● Timer 메서드
 
javaScript에는 일종의 타이머와 같이 지정된 시간마다 함수를 호출할 수 있는 메서드가 있다.
이는 윈도우 객체에서 제공해주는 전역함수로,
jQuery에서는 따로 제공하지 않는다.
 
▶ 작동
 
- setTimeout("실행할 함수", 대기시간)   // 대기 시간이 지난 후 코드 실행(1번)
- setInterval("실행할 함수", 대기시간)   // 대기 시간이 지난 후 코드 반복 실행
 
▶ 해제
 
- clearTimeout()  //  setTimeout을 중지   
- clearInterval()  //  setInterval을 중지   
 
▶ 사용 방법
 
- setTimeout
 
대기 시간이 지난 후 지정된 함수가 한 번만 호출된다.
 
  function gallery() {
    console.log("다음사진");
  }
  setTimeout("gallery()",1000); 
 
  gallery 함수를 1초 후에 1회만 실행하도록 한다.
 
 
- setInterval
 
대기 시간이 지난 후 지정된 함수가 지속적으로 수행된다.
 
  var count = 1;
  function gallery() {
    console.log("다음사진");
    if(count==5){
      clearInterval(clearId);
    }
    count = count + 1;
  }
  var clearId = setInterval("gallery();",1000);
 
  setInterval 함수를 이용하여 gallery 함수를 1초마다 반복 실행한다.
  clearInterval()을 사용할 수 있도록 clearId 변수에 setInterv의 고유 식별자 번호를 대입한다.
  count 변수가 5가 되면 clearInterval을 사용하여 더 이상 gallery 함수를 호출하지 않도록 한다.
 
※ setInterval 함수를 사용할 때는 반드시 clearInterval 설정을 해주어야 한다.
   그렇지 않으며 웹브라우저 창이 닫힐 때까지 계속 반복되다가 웹브라우저가 멈출 수도 있다.