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

网页放着不动一段时间后出现问题


自动轮播和左右按钮的效果能出

但是放置一段时间后

切换回网页窗口

就会所有图片飞快的轮播

然后慢慢的减速恢复正常

这是为什么啊???


window.onload = function(){
           var review_box = document.getElementById('review_box');     //获取box容器
           var reviewul = document.getElementById('reviewul');            //获取装图片的数组
           var review_prev = document.getElementById('review_prev');       //获取左按钮
           var review_next = document.getElementById('review_next');      //获取右按钮
           var timer;

           review_box.onmouseout = play;       //鼠标移开时
           review_box.onmouseover = stop;      //鼠标放上去时
           play();

           //自动播放
           function play(){

                       //setInterval(表达式,交互时间)
                       timer = setInterval(function(){
                       review_next.onclick();
                       },3000);
           }

           //停止自动播放;鼠标放上去的时候
           function stop(){
                       clearInterval(timer);
           }

           //点击前后按钮调用
           function click(offset){
                       var newLeft = parseInt(reviewul.style.left) + offset;      //每次位移后数据
                       var time = 467;      //位移的总时间
                       var interval = 10;       //间隔时间
                       var speed = offset/(time/interval);       //每次位移量

                       function go(){
                                   if((speed < 0 && parseInt(reviewul.style.left) > newLeft)
                                   || (speed > 0 && parseInt(reviewul.style.left) < newLeft)){
                                               reviewul.style.left = parseInt(reviewul.style.left) + speed + 'px';
                                               setTimeout(go,interval);       //多久循环一次;setTimeout(表达式,延时时间)
                                   }else{
                                               reviewul.style.left = newLeft + 'px';
                                               if(newLeft > -934){
                                                           reviewul.style.left = -3736 + 'px';
                                               }
                                               if(newLeft < -3736){
                                                           reviewul.style.left = -934 + 'px';
                                               }
                                   }
                       }
                       go();
           }

           review_prev.onclick = function(){
                       click(934)
           }

           review_next.onclick = function(){
                       click(-934)
           }

}





正在回答

举报

0/150
提交
取消

网页放着不动一段时间后出现问题

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