自動輪播和左右按鈕的效果能出

但是放置一段時間后

切換回網頁窗口

就會所有圖片飛快的輪播

然后慢慢的減速恢復正常

這是為什么?。?？？

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)
? ? ? ? ? ?}

}