javascript clearInterval問題

Question

所以我想讓一個頁面水平滾動左&正確的時候鼠標移動100px接近瀏覽器窗口的邊緣。我寫了下面的腳本，但它拒絕清除鼠標移動到頁面中間的時間間隔。

編輯：抱歉不粘貼整個js在這裏，startScrollLeft和..Right已經定義爲全局變量。我做了一個虛擬頁面here。你可以檢查頁面以及我的代碼是如何工作的。

$(document).mousemove(function(e){ 

     var cursorX = e.pageX; 

     if (cursorX > windowW - 100){ 
      startScrollLeft = setInterval(scrollLeft, 50); 
     }else { 
      clearInterval(startScrollLeft); 
     } 

     if (cursorX < 100){ 
      startScrollRight = setInterval(scrollRight, 50); 
     }else{ 
      clearInterval(startScrollRight); 
     } 

    }); 
    var scrolledAmount = 20; 
    function scrollLeft(){ 
     if($('.content').width() > scrolledAmount + contentW + windowW - 400){ 
      $('.content').animate({ 
       left: '-='+20+'px' 
      },70, 'linear'); 
      scrolledAmount = scrolledAmount+20; 
     } 
    } 
    function scrollRight(){ 
     if(scrolledAmount > 20){ 
      $('.content').animate({ 
       left: '+='+20+'px' 
      },70,'linear'); 
      scrolledAmount = scrolledAmount-20; 
     } 
    } 

需要一隻手這個問題：/

Answer 1

你需要使用設置startScrollLeft和startScrollRight爲全局變量

var cursorX = e.pageX; 

if (cursorX > windowW - 100){ 
    window.startScrollLeft = setInterval(scrollLeft, 50); 
}else { 
    clearInterval(window.startScrollLeft); 
} 

if (cursorX < 100){ 
    window.startScrollRight = setInterval(scrollRight, 50); 
}else{ 
    clearInterval(window.startScrollRight); 
}