3.24 자바 스크립트- 일정시간 마다 사진 자동 바꾸기

css는 따로 설정한다. html body 부분은 

<div id="contain">

        <ul id="frame">

            <li > <img src="./numeric_box_outline_icon_139017.png"></li>

            <li > <img src="./numeric_box_outline_icon_139333.png"></li>

            <li > <img src="./numeric_box_outline_icon_139330.png"></li>

        </ul>

</div>

 

자바 스크립트 부분을 보면

<script type="text/javascript">

 

        function changelist(){

            picturebox = document.querySelector('#frame'); 

          /* ul 안의 모든 값을 가져온다. 이때 데이터 타입은 엘리먼트로 가져온 것임*/

            picture = docuemt.querySelectorAll('#frame > li');

          /* 배열로 반환 + 엘리먼트로 반환 [Element, Element, Element,Element]*/

            picturebox.appendChild(picture[0]); }

          /*그래서 그냥 배열로 가져올 수 있었다..*/

    

         setInterval(changelist,1000);

        /* () 안에 들어가는 값을 인자값 이라고 한다.*/