ChromeとSafariでフォーカスを実行している関数

Question

タブ/ウィンドウが非アクティブなときに再生を停止し、フォーカスが当たっても継続するフルサイズの背景スライダを作成しようとしています。

問題は、ChromeとSafariの両方がページの読み込み/更新時に何もしないことです。アニメーションを開始するにはウィンドウをクリックしてからウィンドウ内をクリックする必要があります。

これを避ける方法はありますか？これは、両方のブラウザ用のアニメーションを開始しますが、私は窓の外をクリックしたときに、再び、それは停止しません

$(window).load(function(){ 
    var autopager; 

    function startAutopager() { 
     autopager = window.setInterval("slideSwitch()", 5000); 
    } 

    function stopAutopager() { 
     window.clearInterval(autopager); 
    } 

    window.addEventListener('focus', startAutopager); 
    window.addEventListener('blur', stopAutopager); 

    slideSwitch(); 
    $("#sliderContent img").fullBg(); 
}); 

：

if(true == $.browser.safari || true == $.browser.chrome) { 
    startAutopager(); 
} 

ホープ誰かが助けることができる。これは、これまでの私のコードです

。

乾杯！

Answer 1

これを試してみて、どうすればいいのかコメントでお知らせください。 :)

$(function(){ 
    $("#sliderContent img").fullBg(); 

    var autopager; 
    function startAutopager() { 
    if (autopager) window.clearInterval(autopager); 
    autopager = window.setInterval("slideSwitch()", 5000); 
    } 
    function stopAutopager() { 
    window.clearInterval(autopager); 
    } 
    window.focus(startAutopager); 
    window.blur(stopAutopager); 
    startAutopager() 
});