[JQuery] Jquery(제이쿼리) setInterval() 일정주기 반복하기

< setInterval() >

 

- 동작을 일정 주기동안 반복하게 해줌

- 제이쿼리 문법이 아니라서 자바스크립트 문법 참고해야한다.

https://www.w3schools.com/jsref/met_win_setinterval.asp

Window setInterval() Method

 

- setInterval(동작, 반복 주기)

 

 

① 사진 위치를 2초마다 바뀌게 하기

 

 

- setInterval 함수에서 반복 주기는 ms 단위이다

 

setInterval(function(){
	$('body').append($('img').first());
	},2000);
});

<img src="icon1.png">
<img src="icon2.png">
<img src="icon3.png">

 

0~2초

2~4초

4~6초

 

- 사진의 첫 번째 이미지를 맨 뒤에 붙이는 동작을 통해서 순환하도록 만듦