Necesito generar un bucle infinito que termine cuando el usuario haga clic en la pagina pare el bucle.
¿Es posible hacerlo?
La idea, es que cuando yo recibe una notificación de un usuario, el navegador me lo notifique (en la parte superior del navegador).
socket.on('receivedMessage' , function (msg){
document.title = "Tienes mensajes nuevos";
});
Entonces yo quiero hacer que el titulo "parpade", poniendo el mensaje : "Tienes mensajes nuevos" y después de X segundos, "nombre de la pagina", y después de X segundos, "Tienes mensajes nuevos".
había pensado implementarlo con setTimeout
var titleNotificacion;
alertFunc();
function alertFunc() {
titleNotificacion = setTimeout(function() {
document.title = "Tienes mensajes nuevos";
alertFunc2();
}, 2000);
}
function alertFunc2() {
titleNotificacion = setTimeout(function() {
document.title = "Nombre-de-la-pagina";
alertFunc();
}, 2000);
}
Esto me lo hace correctamente! Parpadea el mensaje!!, pero cuando entro a la pagina, o cuando hago focus sobre ella, no para nunca el setTimeout
, porque he realizado un bucle de funciones.
Luego, he estado pensando, y me merecía más la pena hacer un bucle infinito con estos dos mensajes, llamando las funciones setTimeout
y decir que pare la ejecución del bucle, cuando el usuario haga un window.click
.
Nuevo código modificado tras las ultimas aportaciones
socket.on('receivedMessage' , function (msg){
window.DoInfiniteLoop = true;
InfiniteLoop();
function InfiniteLoop() {
if( window.DoInfiniteLoop === true)
setTimeout(function() {
document.title = "nombre-pagina";
document.onclick = function() {
document.title = "nombre-pagina"; window.DoInfiniteLoop = false;
InfiniteLoop();
}
}, 1000);
setTimeout(function() {
document.title = "Tienes mensajes nuevos";
document.onclick = function() {
document.title = "nombre-pagina"; window.DoInfiniteLoop = false;
InfiniteLoop();
}
}, 2000);
setTimeout( InfiniteLoop, 3000 );
}
});
Me hace el "parpadeo" correctamente. Pero cuando hago clic en el navegador, no para el bucle!, en el momento de hacer clic, si me hace caso, pero luego sigue con el curso del bucle.