괴발개발/Javascript+JQuery

JS_window객체

moonday 2021. 6. 22. 00:00
더보기

 /*

    - window 객체

      - 웹 브라우저에 대한 전반적인 정보 취득이나 제어와 관련된 객체

      - location객체, screen객체, history객체, navigator객체, document객체로 구성

      - window 객체의 메소드들은 앞에 window.을 생략할 수 있다.

      - 메소드

        - open() : 새로운 윈도우를 만들어 주는 메소드

          open('주소', '윈도우 이름', '옵션=값, 옵션=값, ...');

          - 옵션

            - width : 가로

            - height : 세로

            - left : 새 윈도우의 시작 위치 x좌표(화면을 기준으로 얼마나 떨어져있는지)

            - top : 새 윈도우의 시작위치 y좌표

            - location : yes/no, 주소창을 보여줄지 말지

            - scrollbar : yes/no, 스크롤바를 보여줄지 말지

            - menubar : yes/no, 메뉴바를 보여줄지 말지

            - toolbar : yes/no, 윈도우 툴바를 보여줄지 말지

            - status : yes/no, 윈도우 상태창을 보여줄지 말지

    */

    //window.open('날짜.html','날짜','width=500, height=500, left=200, top-200');

 

    /*

    - setInterval(함수, 시간) : 일정 시간마다 함수를 실행하는 메서드로,

     아이디(타이머 아이디) 값을 반환

      - 일정 시간마다 화면이바뀌거나 내용이 업데이트되는 부분에 많이 사용하는 기능 

    - clearInterval(아이디값) : 해당 아이디와 일치하는 setInterval()을 해지

 

    - setTimeout(함수, 시간) : 지정된 시간이 지난 뒤, 함수를 실행하는 메서드로,

      아이디값을 반환

    - clearTimeout(아이디값) : 아이디값과 일치하는 setTimeout을 해지

    - 위 메소드는 기본 시간이 ms, 1000ms가 1s(1초)

    */

  <script>
    var id = setTimeout(function(){
      console.log('setTimeout')
    }, 1000);
    
    console.log('시작');
    console.log('setTimeout ID : ' + id);
    clearTimeout(id);

    count=1;
    var id2=setInterval(function(){
      console.log(count+'초');
      count++;
      //1초만 세고 멈춤, 이거 없이 clearInterval(2);로 콘솔창에서 실행확인하고 멈추게하면 됨
      clearInterval(id2); 
    },1000);
    console.log('setInterval ID :' + id2);
  </script>

'괴발개발 > Javascript+JQuery' 카테고리의 다른 글

JQ_요소선택, 이벤트등록  (0) 2021.06.22
JS_click(알림창)예제  (0) 2021.06.22
JS_screen객체  (0) 2021.06.21
JS_navigator 객체  (0) 2021.06.21
JS_location객체  (0) 2021.06.21