轮播 面试题

2017-04-26  本文已影响43人  Allan要做活神仙

仅作为一种思路
以下为伪代码

var swiper = function(){
  var aLi = document.getElementsByTagName('li');
  var iNow = 0;
  var timer = setInterval(auto, 3000);  // 每三秒执行一次

  function auto (){
    for(var i = 0; i<aLi.length; i++){
      aLi[i].style.opacity = 0;    // 所有的先隐藏
    }
    aLi[iNow].style.opacity = 100;    // 当前的显示
    if(iNow == aLi.length-1){
       iNow = 0; 
    }else{
      iNow++;
    }
  }
}

window.onload = function(){
  swiper();
}
上一篇 下一篇

猜你喜欢

热点阅读