Como pausar um script quando saio da pagina

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