请大神看一下为什么定时器没有反应,这是tab选项卡的js

window.onload=function(){

    var wrap=document.getElementById('wrap'),

        pic=document.getElementById('pic').getElementsByTagName('li'),

        list=document.getElementById('list').getElementsByTagName('li'),

        index=0,

        timer=null;


      // 定义并调用自动播放函数

function autoPlay(){

index++;

if(index >= pic.length){

index = 0;

}

changePic(index);

}

      timer = setInterval(autoPlay,2000);

 // 定义图片切换函数

      function changPic(thisIndex){

for(var j = 0; j < pic.length; j++){

pic[j].style.display = 'none';

list[j].className = '';

}

pic[thisIndex].style.display = 'block';

//pic.style.top = "-" + thisIndex*170 +"px";

list[thisIndex].className = 'on';

}

     // 鼠标划过整个容器时停止自动播放

wrap.onmouseover = function(){

clearInterval(timer);

}

     // 鼠标离开整个容器时继续播放至下一张

    wrap.onmouseout = function(){

timer = setInterval(autoPlay,2000);

}

     // 遍历所有数字导航实现划过切换至对应的图片

for(var i = 0; i< list.length; i++){

list[i].id = i;

list[i].onmouseover = function(){

clearInterval(timer);

changPic(this.id);

}

}

   }


Rosevil1874
浏览 1919回答 2
2回答

MarlboroKay

     // 定义并调用自动播放函数 function autoPlay(){ index++; if(index >= pic.length){ index = 0; } changePic(index); //调用函数名错了,应该是changPic }望采纳

stone310

  // 定义并调用自动播放函数 function autoPlay(){ index++; if(index >= pic.length){ index = 0; } changePic(index);   //应该是changPic }这里调用函数的名字写错了。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript