HTML5ページの表示APIとfullpage.jsのオートスライド

Question

ユーザーが別のタブに切り替えると停止するように、自動再生スライドのメソッドを変更しようとしています（here）。

この方法では、ユーザーが切り替えて戻ったときに自動再生が停止し、スライドが返されても自動再生は行われません。ユーザーが戻ると、自動サイクリングが続行されます。これまで私は「15000」の数があるべき変数を追加するだけで試してみた

document.addEventListener("visibilitychange", function() { 

if (document.hidden) {  
//stops the autoplay slider 

} else { 
//resumes the autoplay slider 
}}); 

をしかし、このアプローチは動作しません：

HTML5視界API関数は次のようになります。

afterRender: function() { 
    slideTimeout = setInterval(function() { 
     $.fn.fullpage.moveSectionDown(); 
     }, 15000); 

    } 

これを行う方法はありますか？事前

Answer 1

で

おかげで、これを試してみてください。これは私が望んでいた正確にどのように動作します

var slideTimeout; 

function startAutoPlay(){ 
    slideTimeout = setInterval(function() { 
     $.fn.fullpage.moveSectionDown(); 
    }, 15000); 
} 

function stopsAutoPlay(){ 
    clearInterval(slideTimeout); 
} 

document.addEventListener("visibilitychange", function(){ 
    if(document.hidden){  
     stopsAutoPlay(); 
    } 
    else{ 
     startsAutoPlay(); 
    } 
});