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

あなたはグローバルVARS contentWとwindowWが設定されており、それらがどのように設定されている

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