class 순차적 추가삭제반복 질문입니다! 채택완료
바트컨트롤
4년 전
조회 2,057
기본
</p>
<p><li class="active">1</li></p>
<p><li>2</li></p>
<p><li>3</li></p>
<p>1초후
</p>
<p><li>1</li></p>
<p><li class="active">2</li></p>
<p><li>3</li></p>
<p>2초후
</p>
<p><li>1</li></p>
<p><li>2</li></p>
<p><li class="active">3</li></p>
<p>3초후
</p>
<p><li class="active">1</li></p>
<p><li>2</li></p>
<p><li>3</li></p>
<p>이걸 반복하려고하는데
통상적으로 setinterval 이걸쓰시나요 아니면
@keyframe주어서 class가 아닌 개별 id를 주어 css로 하시는지지요..
조언이나 관련링크 있으시면 부탁드립니다 ㅠ
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
답변을 작성하려면 로그인이 필요합니다.
로그인
[code]
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<li>1</li>
<li>2</li>
<li>3</li>
<script>
$(function(){
var idx = 0; //초기화
setInterval(time, 1000); // 시간은 1초로
function time(){
var box = $('li'); // 바뀌어야 할 선택자
box.removeClass('on'); // 초기값 선택자(on) 삭제
box.eq(idx).addClass('on'); // 해당순번 선택자 추가
idx++;
if(idx >= box.length) idx= 0;
}
});
</script>
[/code]