이전 목록 다음

배경을 4개로 둬서 일정시간이 지나면 순서대로 배경이 하나씩 나타나게 하는것인데

wlgnsdl
프로필 보기이 회원 글보기이 회원의 댓글보기
 2017-08-17 (목) 11:29:58 2,048

 <!--뒷 배경-->
        <div id="back">
            <ul>
                <li><img src="./img5/visual_img_0.jpg"></li>
                <li><img src="./img5/visual_img_1.jpg"></li>
                <li><img src="./img5/visual_img_2.jpg"></li>
                <li><img src="./img5/visual_img_3.jpg"></li>
            </ul>
        </div>

여기 배경인데 setinterval로 어케 구현해야 하나요??

#자바스크립트 #시간 #setinterval
|

답변 1개

나나시
프로필 보기이 회원 글보기이 회원의 댓글보기
 2017-08-17 (목) 11:37:50
Copy 
<script>var image_index = 0function changeback() {    var urlString = 'url(./img5/visual_img_' + image_index + '.jpg)';    ​document.getElementById(back).style.backgroundImage =  urlString;    ​image_index++;    if (image_index == 4) image_index = 0;}changeback(); //처음 0번째 이미지를 배경으로 setInterval("changeback()", 5000); //5초마다 배경바뀜</script>

이런식으로 하면 되지 않을까 싶은데요^^

답변을 작성하려면 로그인이 필요합니다.