ページがアクティブでないときにjqueryアニメーションを停止する方法

Question

ブラウザで新しいタブを開くときにjqueryのアニメーションを停止したいと思います。私のページをしばらく残して、しばらくしてから戻ってくるたびに、私のjqueryスライダーが狂ってしまい、スライドを変なのが私を止めなかったからです。何か解決策がありますか？

Answer 1

これについては、アニメーションキューの作成と呼ばれています。新しいタブを開くときにアニメーションを停止するのではなく、アニメーションを開始する直前にstop()と入力します。このことができます

$('.some-selector').stop().slideUp(); 

希望... JavaScriptで

Answer 2

：

window.addEventListener('focus', function() { 
    // code to start 
}); 
window.addEventListener('blur', function() { 
    // code to stop 
}); 

これは、例えば

....その前のアニメーションが継続する前に殺されていることを確認します

とjquery：

$(window).bind('focus', function() { 
    // code to start 
}); 
$(window).bind('blur', function() { 
    // code to stop 
});