Estoy tratando de cambiar el título de mi página después de 1 minuto , cuando el visitante cambia la pestaña y la pestaña cambiada debe contener otro sitio web (por ejemplo, www.youtube.com ) y el título debe parpadear alternativamente cada 2 segundos con 'título original' y 'título cambiado'.

caso 1: cuando se agrega 0 producto al carrito , el título de la página debe parpadear con 'título original' y 'Te extrañamos título'

caso 2: Cuando se agregan 1 o más productos al carrito. el título de la página debe parpadear alternativamente 'título original' y '1 producto en el título de su carrito'

caso 3: cuando el visitante llega a la pestaña original, el parpadeo del título debe detenerse y debe mostrar solo el título original.

 var cartCount = parseInt($('.cart-count').text()); // gives cart count var currentDomain = (document.domain); // current domain var pageTitle = $(document).find("head title").text(); // page title // checking tab change document.addEventListener("visibilitychange", function() { setTimeout(changeTitleFirst, 60000); // 1 minute timeout function changeTitleFirst(){ setInterval(changeTitle, 2000); function changeTitle(){ if(document.visibilityState === "hidden" && cartCount === 0){ if(pageTitle !== "miss you"){ $(document).find("head title").text("miss you"); } else { $(document).find("head title").text(pageTitle); } } else if (document.visibilityState === "hidden" && cartCount > 0){ if($(document).find("head title").text() !== "come back"){ $(document).find("head title").text("come back"); } else { $(document).find("head title").text(pageTitle); } } else if (document.visibilityState !== "hidden"){ $(document).find("head title").text(pageTitle); } else { return; } } } });