js 跑马灯特效(低配版)

<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
  <li>6</li>
  <li>7</li>
  <li>8</li>
</ul>
<script>
  var lis=document.querySelectorAll("li");
  var a=0;//定义一个全局变量
  number()//先调用方法,页面加载就可以看到效果
  setInterval(number,2000);//创建定时器,(方法，自定义时间(ms)) 单位转换：1000ms=1s
  function number(){//创建名为number的方法
      if(a===lis.length){//判断a等于伪数组长度
        a=0;//那么将a的值赋值为0，这样就可以重复循环了
      }else {
        for(var i=0;i<lis.length;i++){
          lis[i].style.color='';//将所有样式清空

        }
        lis[a].style.color='red'//当前这个设置个样式
        a++;
      }
  }
</script>