Quiero atraer la atención del usuario al sitio web cuando esté en una pestaña diferente, por lo que me gustaría recrear el efecto de sephora.pl
Si sale, verá una alerta agradable como título ("¿Qué está esperando?"), y luego volverá al título de la página. El efecto se detiene cuando vuelves a estar en la página. Me las arreglé para crear estas partes y me quedé. ¿Alguna idea de cómo hacer que parpadee?
$(function() { // Get page title var pageTitle = $("head title").text(); // Change page title on blur $(window).blur(function() { $("title").text("Come back to us"); // Somehow make it blink between Come back to us and pageTitle every 1200ms or so... }); // Change page title back on focus $(window).focus(function() { $("title").text(pageTitle); }); });Podrías usar javascript simple. Algo como esto;
let defaultTitle = document.title window.onblur = () => { //change title, blink title, whatever document.title = "New title" } window.onfocus = () => { //back to default title document.title = defaultTitle }Por cierto, sí, lo he visto en Alibaba, así que supongo que aumenta los clientes potenciales.
Bien, después de unas pequeñas charlas en la sección de comentarios logré que funcionara así:
const orginalTitle = $(document).prop('title'); function flashText() { const newTitle = ('Back to us!'); if ($(document).prop('title') === orginalTitle) { document.title = newTitle; } else { document.title = orginalTitle; } } $(function changeTitle() { let nIntervId; $(window).blur(function() { if (!nIntervId) { nIntervId = setInterval(flashText, 1100); } }); $(window).focus(function() { clearInterval(nIntervId); nIntervId = null; $("title").text(orginalTitle); }); });