Question

用 js 控制 li 依次

<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>N...</li>
</ul>

用原生Js，不要JQ代码，谢谢：
让 ul 里面的 li 从第一个开始循环，始终只有循环到当前这个 li 时显示为红色文字，其他的则黑色文字，然后每隔两秒一直循环从1到n。

Answer 1

一个简易的办法，设置一个 setInterval 定时器+计数操作，当计数到 li 的最大数量时，重置计数器。

var $=function(obj){
	return document.querySelectorAll(obj);
};
var li_index=0;
var li_length=$('ul>li').length;
setInterval(function(){
	if(li_index!==0||li_index>=li_length) $('ul>li')[li_index-1].style.color='black';
	if(li_index>=li_length) li_index=0;
	$('ul>li')[li_index].style.color='red';
	li_index++;
	console.log(li_index, li_length);
},2000);