Tengo una función que recarga la página cada 2 segundos y comienza con la primera carga. Quiero que esta recarga se detenga tan pronto como haga clic en el botón Modal Bootstrap 4.7. Mi código funciona bien si hago clic dentro del primer intervalo de 2 segundos. De lo contrario, ya no obedece a mi llamada. ¿por qué?

 var myTimer = null; function startTimer() { myTimer = setInterval(function () { somefunction(); }, 2000); } function stopTimer() { clearInterval(myTimer); myTimer =null; } document.addEventListener("DOMContentLoaded", function() { startTimer(); }); $('#idModalButton').click(function(){ stopTimer(); $('#idModal').modal('show'); });

También probé lo siguiente sin éxito... el mismo problema... solo funciona en los primeros 2 segundos.

 const myInterval = setInterval(myTimer, 2000); function myTimer() { somefunction(); } $(document).on("click", "#idButtonModal", function(){ clearInterval(myInterval); $('#idModal').modal('show'); });