2011-11-11 17 views
1
cyanBlick(); 
var intervalID; 
intervalID = setInterval(cyanBlick, 7000); 

function cyanBlick() { 
    $(".anim").each(function(indx, element) { 
     $(element).delay(indx * 1000).fadeIn(250).delay(500).fadeOut(250); 
    }); 
} 

クラス.animで要素をアニメーション化するためのコードがあります。間隔7秒。しかし、非アクティブなタブにページを残してしばらくして戻ると、非アクティブなタブでアニメーションが機能しません。私は混沌としたフェーディング要素を見ます。この問題の解決方法を教えてください。setInterval、firefoxの非アクティブなタブ

UPDATE

http://jsfiddle.net/uNmks/

タブウィンドウは、FirefoxまたはChromeで表示されていない場合

+1

jsfiddle.netでライブサンプルを投稿していますか?問題は、タブが非アクティブになることではありません。アニメーションを呼び出す方法と関係しています。 – OptimusCrime

+0

http://jsfiddle.net/uNmks/ – user1035867

答えて

1

インターバルタイマーは、減速遅延又は停止させることができるアニメーションとのリンク。 1つの解決方法は、ウィンドウが見えなくなったときにアニメーションを停止し、アニメーションが見えるようになったらアニメーションを再開することです。

他の回避策のアイデアについては、このトピックの「previous post」を参照してください。

+0

ダウンロードライブラリvisibility.js、検索ソリューション – user1035867

関連する問題