setIntervalを停止することはできません

Question

私は、マウスが画面の左側にある場合は左側に、右側にある場合は要素を移動させようとしています。マウスがゾーンに入ったときに要素を移動させ、終了時にその機能を停止させる機能を有効にしたい。

私はsetIntervalとclearIntervalを使用しようとしていますが、動作させることは不可能です。 setIntervalが機能し、機能が起動しますが、停止することはできません。ここで

は、init関数内で宣言、コードです：

var intervalLeft; 
    var intervalRight; 

    var currentMousePos = { x: -1, y: -1 }; 

    $(document).mousemove(function(event) { 
     currentMousePos.x = event.pageX; 
     if (currentMousePos.x < 200) { 
      console.log('LEFT'); 
      intervalLeft = setInterval(goleft, 500); 
     } else if (currentMousePos.x > $width-200) { 
      console.log('RIGHT'); 
      intervalRight = setInterval(goright, 500); 
     } else { 
      console.log('STOP'); 
      clearInterval(intervalRight); 
      clearInterval(intervalLeft); 
     } 
    }); 

Answer 1

あなたは明確にのみ、最後の一つを始めたので、あなたはすべてのmousemoveイベントで新しいintervalを作成しています。 intervalを既に起動していて、それがクリアされていない場合にのみ新しいものを開始する必要があります。