时间定时器问题

时间定时器问题

var index=0;

var timer=null;

var timerone=null;

function action(){

var bottom=document.getElementById('bottom');

var pic=document.getElementById('bottom').getElementsByClassName("pic");

var main=document.getElementById('main');

var top=document.getElementById('top');

var liArray=document.getElementById('top').getElementsByTagName('li');

//console.log(len);

var len=pic.length;

//鼠标放在图片区域

bottom.onmouseover=function(){

     clearInterval(timer);

}

//鼠标离开图片区域

bottom.onmouseout=function(){

     timer=setInterval(function(){

        index++;

        if(index==len){index=0;}

        //调用改变图片的函数

        changeImg();

    },2000);

}

//设置自动离开

bottom.onmouseout();

//设置文字区的轮播效果

////对文字区进行鼠标事件;

//鼠标滑过文字区

for(var d=0;d<len;d++){

    liArray[d].id=d;

liArray[d].onmouseover=function(){

     index=this.id;

    changeImg();

    if(timer)clearInterval(timer);

}

//鼠标离开图片区

liArray[d].onmouseout=function(){

   timer=setInterval(function(){

      index++;

      if(index==len){index=0;}

      changeImg();

   },2000)

}

}

function changeImg(){

    for(var i=0;i<len;i++){

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

       liArray[i].className='radius';

    }

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

  liArray[index].className='dis';

}

}

action();

请问如果我设置了两个联动的轮播图,那么当中就会有两个时间定时器,里面的时间间隔设置分别代表什么

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
小丸子爱吃菜 2017-07-22 21:55:53

那不是两个轮播,那是图片轮播的时候,上面相应的导航项也跟着发生变化,你可以再去看看轮播图案例这课中,图片动时,图片上面的小圆点也在动的原理。

小丸子爱吃菜 2017-07-22 18:46:15

因为只有脚本,无法运行效果,不是很明白你说的联动轮播图是什么特效,可以上传全部的代码方便帮你看问题!

祝学习愉快!

  • 提问者 毛栗子yummy #1
    就是我们2-6作业题上下两个轮播不是要设置两个setinterval吗?那两个里面的时间参数哪一个发挥作用
    2017-07-22 20:39:05
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师