크롬 및 사파리의 포커스 실행 중 함수

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() 
});