时间定时器问题
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
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星