为了账号安全,请及时绑定邮箱和手机立即绑定

轮播图过一会儿就会自己变得速度很快。。。具体请看代码。。。

我写的代码没用箭头控制和焦点控制。直接自动播放的。可是为什么过一会儿播放速度就会很快呢????

代码如下:

  window.onload=function(){

 var img=document.getElementById("img");

 var list=document.getElementById("list");

 

/*var prev=document.getElementById("prev");

var next=document.getElementById("next");*/

 var timer;

var animated=false;

  function animate(offset){

animated=true;

var newLeft = parseInt(list.style.left) + offset ;

var time=300;

var interval=10;

var speed=offset/(time/interval);

function go(){

if((speed<0 && parseInt(list.style.left)> newLeft)||(speed>0 && parseInt(list.style.left)< newLeft)){

list.style.left=parseInt(list.style.left)+speed+'px';

setTimeout(go,interval);

}else{

animated=false;

list.style.left=newLeft+'px';

       if( newLeft >-1366){

      list.style.left = -5464 + 'px';}

   if( newLeft < -5464){

     list.style.left = -1366 + 'px';

       }

}

   }

  go();

} //无限滚动

function play(){

timer=setInterval(function(){

animate(-1366);

},2000);

 }//自动播放

function stop(){

clearInterval(timer);

}

/*next.onclick=function(){

animate(-1366);

}

prev.onclick=function(){

animate(1366);

}//箭头控制*/

list.onmouseover=stop;

list.onmouseout=play;

play();

}


正在回答

1 回答

你无限滚动的时候没有清除时钟。

0 回复 有任何疑惑可以回复我~
#1

w3j 提问者

非常感谢!
2015-10-17 回复 有任何疑惑可以回复我~
#2

从未拥有何谈失去 回复 w3j 提问者

怎么清楚
2018-06-20 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

轮播图过一会儿就会自己变得速度很快。。。具体请看代码。。。

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信