警報功能 - Javascript作爲等待函數

Question

我的應用程序是aps.net MVC，是我使用ajax加載幾個圖像，通過獲得鼠標Y位置，它的工作原理，但如果我將鼠標移動超過一個像素，例如100它加載所有圖像一次！爲了測試腳本，我添加了Alert，並且當用戶點擊ok時，圖像按照它應該做的那樣前進。我試過setInterval和Timeout，都沒有工作。這裏是我的代碼：

$("#container2").bind('mousemove', function (e) { 

     lastX = e.pageX - position.x; 
     lastY = e.pageY - position.y; 
     coordinate = "x=" + lastX + ", y=" + lastY; 
     $('#pValue').val(coordinate); 
     $('#lastX').val(lastX); 
     $('#lastY').val(lastY); 

     waitStep = lastY >= 0 ? 1 : -1; 
     waitInc = waitStep; 
     waitCounter = lastY; 

     for (var n = 0; n < Math.abs(lastY); n += 1) { 
      // imageSequence[n] = new Image(); 
      dicom1.src = '/Home/GenerateImage?' + $.param({ 
       pX: pointXF, 
       pY: pointYF, 
       pZ: waitInc * sThickness 
      }); 
      waitInc = waitInc + waitStep; 
      alert(waitInc); 


     } 

希望你的建議，在此先感謝。

Answer 1

嘗試：

var speed = 15; 
var timeout = 0; 
$("#container2").bind('mousemove', function (e) { 
    if (!timeout) { 
     timeout = setTimeout(function(){ 
      timeout = 0; 
      lastX = e.pageX - position.x; 
      lastY = e.pageY - position.y; 
      coordinate = "x=" + lastX + ", y=" + lastY; 
      $('#pValue').val(coordinate); 
      $('#lastX').val(lastX); 
      $('#lastY').val(lastY); 

      waitStep = lastY >= 0 ? 1 : -1; 
      waitInc = waitStep; 
      waitCounter = lastY; 

      for (var n = 0; n < Math.abs(lastY); n += 1) { 
       // imageSequence[n] = new Image(); 
        dicom1.src = '/Home/GenerateImage?' + $.param({ 
        pX: pointXF, 
        pY: pointYF, 
        pZ: waitInc * sThickness 
       }); 
       waitInc = waitInc + waitStep; 
       alert(waitInc); 
      } 
     }, speed); 
    } 
}); 

Answer 2

要在15執行一次代碼，你可以嘗試：

var speed = 0; 
$("#container2").bind('mousemove', function (e) { 
    ++speed; 
    if (speed % 15 == 0) { 
      lastX = e.pageX - position.x; 
      lastY = e.pageY - position.y; 
      coordinate = "x=" + lastX + ", y=" + lastY; 
      $('#pValue').val(coordinate); 
      $('#lastX').val(lastX); 
      $('#lastY').val(lastY); 

      waitStep = lastY >= 0 ? 1 : -1; 
      waitInc = waitStep; 
      waitCounter = lastY; 

      for (var n = 0; n < Math.abs(lastY); n += 1) { 
       // imageSequence[n] = new Image(); 
        dicom1.src = '/Home/GenerateImage?' + $.param({ 
        pX: pointXF, 
        pY: pointYF, 
        pZ: waitInc * sThickness 
       }); 
       waitInc = waitInc + waitStep; 
       alert(waitInc); 
      } 
    } 
});