밑에 소스 설명 작성해놨습니다

 

쌩 소스 올린 점 죄송합니다 ㅠㅠ..

 

$(document).ready(function() {
var count = 0;
$('<img />', {
src:'1.jpg',
width:180,
height:120
}).appendTo('body');

 

var timer = setInterval(function () {
$('<img />', {
src:'2.jpg',
width:180,
height:120
}).appendTo('body');
clearInterval(timer);
count++;
}, 300);

 

var timer2 = setInterval(function () {
$('<img />', {
src:'3.jpg',
width:180,
height:120
}).appendTo('body');
clearInterval(timer2);
count++;
}, 600);

 

var timer3 = setInterval(function () {
$('<img />', {
src:'4.jpg',
width:180,
height:120
}).appendTo('body');
clearInterval(timer3);
count++;
}, 900);

 

var timer4 = setInterval(function () {
$('<img />', {
src:'5.jpg',
width:180,
height:120
}).appendTo('body');
clearInterval(timer4);
count++;
}, 1200);

 

var timer5 = setInterval(function () {
if(count>=4 && count<14)
{
$('img').first().appendTo('body');
count++;
}
},100);

if(count>=14)
{
clearInterval(timer5);
}
});

 

일정 시간마다 이미지를 띄우고, 다 띄우고 나서는 나열된 이미지들을 왼쪽으로 한칸씩 이동시키는 프로그램인데요.

이 행동 이후에 마지막으로 나열된 이미지들을 '1개씩' 화면에서 삭제해야 하는데

remove()를 이용한걸로는 5개가 한번에 다 사라지게 되어서요.. 혹시 한개씩 지우는 방법이 있을까요?