Language/JQuery

제이쿼리(jQuery) - 순차적으로 활성화 시키기

Jessi :D 2021. 5. 19. 21:44

셋인터벌(setInterval)

유용하게 사용할 수 있는 제이쿼리 코드'셋인터벌'사용하여 순차적으로 활성화 시키기

 

스크린샷

jquery setInterval

관련코드

$(function(){
	var idx = 0;
	setInterval(time, 1000);
	function time(){
		var box = $('li');
		box.removeClass('on');
		box.eq(idx).addClass('on');
		idx++;
		if(idx >= box.length) idx= 0;
	}
});

예제

See the Pen setInterval - 순차적 활성화 by mansu (@mansunii) on CodePen.

 

 

반응형