割り込みfadeTo関数

Question

マウスオーバー時にfadeToアニメーションを中断する方法はありますか？例：以下のコードでは、誰かが "スライダー$コントロール"をオフにしているときに、1750msで.1の不透明度にフェードインしますが、オンにすると500msで1つの不透明度にフェードします。もし誰かがそれらをオフにして、1750msが上がってしまう前にスライダー$コントロールが1つの不透明度に戻っても、1750msが上がって応答しないようになるまで戻ってこないでしょう。

$(function() { 
    var fadeDelay = 4000, 
     // hide after 3 second delay 
     timer, hideControls = function (slider) { 
      clearTimeout(timer); 
      setTimeout(function() { 
       slider.$controls.hover(function() { 
       $(this).fadeTo(500, 1.0); 
       }, function() { 
       $(this).fadeTo(1750, 0.1); 
       }); 
      }, fadeDelay); 
     }; 
}); 

Answer 1

.stop()を使用すると、キューからアニメーションを消去したり、現在のアニメーションを停止することができます。

このようなベストを使用することを：

$(function() { 
    var fadeDelay = 4000, 
     // hide after 3 second delay 
     timer, hideControls = function (slider) { 
      clearTimeout(timer); 
      setTimeout(function() { 
       slider.$controls.hover(function() { 
       $(this).stop(true,false).fadeTo(500, 1.0); 
       }, function() { 
       $(this).stop(true,false).fadeTo(1750, 0.1); 
       }); 
      }, fadeDelay); 
     }; 
}); 

これは非常にすべてのアニメーションが停止され、キューをクリアして、要素が停止されたところからアニメーションを開始します。

Answer 2

要素のstopメソッドを呼び出すと、すべてのアニメーションが停止します。あなたはjQueryの.stop機能を使用する必要があり

Answer 3

.hover(function() { 
    $(this).stop().fadeTo(500, 1.0); 
}, function() { 
    $(this).stop().fadeTo(1750, 0.1); 
}); 

Answer 4

：これは何

$(function() { 
    var fadeDelay = 4000, 
     // hide after 3 second delay 
     timer, hideControls = function (slider) { 
      clearTimeout(timer); 
      setTimeout(function() { 
       slider.$controls.hover(function() { 
       $(this).stop(1,1).fadeTo(500, 1.0); 
       }, function() { 
       $(this).stop(1,1).fadeTo(1750, 0.1); 
       }); 
      }, fadeDelay); 
     }; 
}); 

をされ、現在のアニメーションを停止し、次のアニメーションを開始する前に、最終的な結果にジャンプします。