js定时改变li样式

<meta charset="utf-8">
<ul id="ul2">
  <li><a href="#">1500</a></li>
  <li><a href="#">1500km</a></li>
  <li><a href="#">1500千米</a></li>
</ul>
索引id=<b id="b2">0</b>
<script>
var i = 0;
var li = ul2.getElementsByTagName('li');
var a = ul2.getElementsByTagName('a');
function clearBgColor(){
	for(var i=0;i<li.length;i++){
		li[i].style.backgroundColor = 'white';
		a[i].style.color = 'blue';
	}
}

function nextLi() {
	clearBgColor();
	li[i].style.backgroundColor = 'yellow';
	a[i].style.color = 'red';
	b2.innerHTML = i;
	i++;
    if (i >= li.length) {
		i = 0;
    }
}

setInterval(function(){
	nextLi();
},1000);
</script>

运行结果

JavaScript 对象

对象	描述
Array 对象
Boolean 对象
Date 对象
Math 对象
Number 对象
String 对象
RegExp 对象
全局属性和函数

Browser 对象

对象	描述
Window 对象
Navigator 对象
Screen 对象
History 对象
Location 对象

HTML DOM 参考

对象	描述
HTML Document
HTML Element
HTML Attributes
HTML Events

HTML DOM 元素

对象	描述
Anchor 对象
Area 对象
Base 对象
Body 对象
Frame/IFrame 对象
Frameset 对象
Link 对象
Meta 对象
Object 对象

Image 对象
Option 对象
Select 对象
Style 对象
Table 对象
td / th 对象
tr 对象
Button 对象
Form 对象
Textarea 对象

Input Button 对象
Input Checkbox 对象
Input File 对象
Input Hidden 对象
Input Password 对象
Input Radio 对象
Input Reset 对象
Input Submit 对象
Input Text 对象

Input Range 对象
Input Number 对象
Input Date 对象
Input Datetime 对象
Input Datetime-local 对象
Input Email 对象
Input Month 对象
Input Search 对象
Input Tel 对象
Input Time 对象
Input Url 对象
Input Week 对象