网页放着不动一段时间后出现问题
自动轮播和左右按钮的效果能出
但是放置一段时间后
切换回网页窗口
就会所有图片飞快的轮播
然后慢慢的减速恢复正常
这是为什么啊???
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)
}
}