Estoy desarrollando una web y necesito que la página me actualice cada 5 segundos, pero que pueda pausar la actualización en cualquier momento. Tengo un botón para ello.
He desarrollado el siguiente script, pero no funciona. Cuando pulso el botón la variable cambia a 2 y el valor del botón a "Activar", por lo que no deberia realizar el setTimeout, pero la web se actualiza igualmente.
¿Que puede estar pasando? Gracias de antemano!
<script>
//Cuando la página esté cargada completamente
$(document).ready(function(){
var estado = 1;
alert(estado);
//Cada 10 segundos (10000 milisegundos) se ejecutará la función refrescar
$('.botonactivar').click(function() {
if($(this).attr("value") == "Parar"){
$(this).val("Activar");
estado = 2;
alert(estado);
}else{
$(this).val("Parar");
estado = 1;
alert(estado);
}
});
if(estado == 1){
setTimeout(refrescar, 5000);
}
});
function refrescar(){
//Actualiza la página
location.reload();
}
</script>