苗景云的博客

JQ每隔几秒为子元素添加class（循环）

html代码

<ul class="odm-list area">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>

js代码

<script type="text/javascript">
$(document).ready(function  () {
	$(".odm-list").each(function  (index) {
		var $itemList = $(this);
		var $item = $itemList.find("li");
		var itemLength = $item.length;
		var startNum = 0;
		var rollingSpeed = 2000;
		
		function visualTime(){
			if(startNum < ( itemLength - 1)){
				startNum++;
			}else{
				startNum = 0;
			}
			visualPlay();
		}
		function visualPlay(){
			$item.each(function(id){
					if(id == startNum){
						$(this).addClass("active");
					}else{
						$(this).removeClass("active");
					}
			});
		};
		visualPlay();
		var visual_timer = setInterval(visualTime,rollingSpeed);
	});
});
	</script>