Estoy desarrollando un proyecto sobre el método de estudio Pomodoro, que cuenta el tiempo con setInterval, y está funcionando.
Sin embargo, al cambiar de pestaña en el navegador, el tiempo deja de contar, ¿alguien podría ayudarme?
Necesito el contador para seguir contando cuando cambio de pestaña en el navegador, de lo contrario, el proyecto es inútil.
Gracias
function pararRelogio(intervalo) { clearInterval(intervalo); } function foco() { btnFocar.disabled = true; let segundos = 0; let minutos = 0; intervaloPomodoro = setInterval(() => { segundos ++; tempoSegundos.innerHTML = segundos; tempoMinutos.innerHTML = minutos; if (segundos >= 60) { segundos = 0; minutos += 1; if(minutos >= 25) { segundos = 0; minutos = 0; tempo.innerHTML = 0; tempoMinutos.innerHTML = 0; let som = document.getElementById('audiotag1').play(); pararRelogio(intervaloPomodoro); btnFocar.classList.add('esconderBotao'); btnDescansar.classList.remove('esconderBotao'); btnFocar.disabled = false; } } }, 10); }; function descanso() { btnDescansar.disabled = true; let segundos = 0; let minutos = 0; intervaloPomodoro = setInterval(() => { segundos ++; tempoSegundos.innerHTML = segundos; tempoMinutos.innerHTML = minutos; if (segundos >= 60) { segundos = 0; minutos += 1; if(minutos >= 5) { segundos = 0; minutos = 0; tempo.innerHTML = 0; tempoMinutos.innerHTML = 0; let som = document.getElementById('audiotag1').play(); pararRelogio(intervaloPomodoro); btnDescansar.classList.add('esconderBotao'); btnFocar.classList.remove('esconderBotao'); btnDescansar.disabled = false; } } }, 10); };