Loop Infinito, porém como fazer parar o Loop em determinada situação.

Olá Pessoal, tudo bem ?

Fiz a implementação do código abaixo, ele roda a página a cada X Segundos, porém ele nunca para, fica em um loop infinito.

Gostaria de fazer o código parar de executar, quando:

// Porém não sei qual código colocar para parar o script de executar...

if (track_click >= total_pages - 1) {// Porém não sei qual código colocar para parar o script de executar...}

 <script type="text/javascript"> var track_click = 0; var total_pages = <?php echo $total_pages; ?>; $('#animation_image').load("exportar_4_detalhe.php", {'page': track_click}, function() { track_click++; }); var funcaoCounter = 0; var funcaoTimer = setInterval(function(){ funcaoCounter++; $('.load_more').hide(); $('.animation_image').show(); if (track_click <= total_pages){ $.post('exportar_4_detalhe.php', {'page': track_click}, function(data) { $(".load_more").hide(); $("#results").append(data); var resultado = ( track_click /total_pages ) * 100; // document.title = track_click + " de " + total_pages; var new_num = resultado.toFixed(2); var new_num = new_num + "%"; document.title = new_num; $('.porcentagem').text(new_num); $("html, body").animate({scrollTop: $("#animation_image").offset().top}, 500); $('.animation_image').hide(); track_click++; }).fail(function(xhr, ajaxOptions, thrownError) { alert(thrownError); $(".load_more").show(); $('.animation_image').hide(); }); if (track_click >= total_pages - 1) { $('.animation_image').hide(); clearInterval(funcaoTimer); alert('Todos os Registros forma Exibidos!'); } } }, 1000); </script>

Alguem me ajuda? Please!