Tenho uma função JavaScript que faz um loop, ela controla um elemento da página que troca de lugar com outro, meu objetivo é quando sair da página, essa função pare e só volte quando a página for aberta de novo
Função:
function rodarLogos() {
setTimeout(function () {
$div = $("#logo-1 .hex-warper");
$baixo = $div.find('.hexagon-parceiros-emBaixo');
$central = $div.find('.hexagon-parceiros-central');
$cima = $div.find('.hexagon-parceiros-emCima');
setTimeout(function () {
$baixo.toggleClass('hexagon-parceiros-central hexagon-parceiros-emBaixo').parent().toggleClass('z-index-3 z-index-2 box-adicional box-adicional-50');
$central.toggleClass('hexagon-parceiros-emCima hexagon-parceiros-central').parent().toggleClass('z-index-2 z-index-1 box-adicional-50 box-adicional');
$cima.toggleClass('hexagon-parceiros-emBaixo hexagon-parceiros-emCima').parent().toggleClass('z-index-1 z-index-3');
}, 500);
rodarLogosPagamentos();
}, 5000);
}
function rodarLogosPagamentos() {
setTimeout(function () {
$div = $("#pagemento-1 .hex-warper");
$baixo = $div.find('.hexagon-parceiros-emBaixo');
$central = $div.find('.hexagon-parceiros-central');
$direita = $div.find('.hexagon-parceiros-direita');
$cima = $div.find('.hexagon-parceiros-emCima');
setTimeout(function () {
$baixo.toggleClass('hexagon-parceiros-central hexagon-parceiros-emBaixo').parent().toggleClass('z-index-4 z-index-3 box-adicional box-adicional-50');
$central.toggleClass('hexagon-parceiros-emCima hexagon-parceiros-central').parent().toggleClass('z-index-3 z-index-1 box-adicional-50 box-adicional');
$cima.toggleClass('hexagon-parceiros-direita hexagon-parceiros-emCima').parent().toggleClass('z-index-1 z-index-2');
$direita.toggleClass('hexagon-parceiros-direita hexagon-parceiros-emBaixo').parent().toggleClass('z-index-2 z-index-4');
}, 500);
rodarLogos();
}, 5000);
}
Exemplo: Tenho a guia do stack overflow ativa e a do google, quando eu sair da do stack e ir para o google teria que pausar e quando voltar para o stack o loop retornaria
visibilitychange
dodocument
(exemplos). De qualquer maneira, você precisaria esclarecer melhor seu problema para que possamos ajudá-lo.