JQ每隔几秒为子元素添加class(循环)

2020-04-26 浏览:58
JQ每隔几秒为子元素添加class(循环)
评论:(0)复制地址


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>


评论:(0)复制地址
发布:苗景云 | 分类:IT技术&设计 | Tags:jQuery

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。