2012-03-22 30 views
6

Por lo tanto, necesito tener un título parpadeante, este código debería funcionar, pero por alguna razón no es así.Título parpadeante de Jquery

Ahora la consola me sigue mostrando el título correcto, pero el título en mis navegadores no cambia, ¿qué podría estar mal?

var blink = true; 

setInterval(function(){ 
    if(blink){ 
     $("title").text("test"); 
     blink = false; 
     console.log($("title")); 
    }else{ 
     $("title").text(""); 
     blink = true; 
     console.log($("title")); 
    } 
}, 1000); 
+0

' "#title"' refiere a 'id = "título"' por ejemplo. "título" no puede referirse a 'document.title'. ¿Puede mostrarnos la definición html de la etiqueta ''? – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">El código funciona para mí como está en FF11, por supuesto un '<title>' vacío solo muestra la URL en su lugar, podría intentar algo como '<toneladas de espacios><dot>' – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> </div> <div class="answer-title"> <span class="text-logo margin-top-sm">A</span> <h2 class="title h4">Respuesta</h2> </div> <div class="item-description text-md markdown-body margin-bottom-40 voidso"> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">6<i class="fa fa-thumbs-up"></i></span> <i class="fa fa-check fa-2x"></i> </div> <div class="post-offset"> <div class="answer fmt"> <p>Uso <code class="prettyprint-override">document.title = ...</code> < ---</p> <p>usted apenas está editando un atributo que no hace nada.</p> <hr> <p>Prueba esto:</p> <pre><code class="prettyprint-override">setInterval(function(){ var title = document.title; document.title = (title == "test" ? "none" : "test"); }, 1000); </code></pre> <p>ver el título en este <a href="http://fiddle.jshell.net/maniator/xDPHw/show/" rel="nofollow">demo</a> cambio <code class="prettyprint-override">test</code>-<code class="prettyprint-override">none</code> cada segundo. (<a href="http://jsfiddle.net/maniator/xDPHw/" rel="nofollow">full fiddle</a>)</p> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/9830925">Fuente</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2012-03-22 21:36:00</span> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/561731/">Neal</a></span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div> <!-- comments --> <div class="comments"> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">¿Cómo es '$ (" título ")' diferente a 'document.title' aquí? ¿Qué quieres decir con "solo estás editando un atributo"? Tu código funciona (al igual que los Op's, al menos para mí), pero tu explicación no tiene sentido para mí. – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">gracias, todavía es bastante extraño que la función jquery 'text' no haga el trabajo. – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/1020022/">Linas</a></span> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">@Madmartigan '<title>' es solo un atributo de la página. Es como editar algo en la etiqueta 'head' que no hace ** nada **. – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/561731/">Neal</a></span> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="1038284119" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">1<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>utilizar una referencia directa:</p> <pre><code class="prettyprint-override">var blink = true; setInterval(function(){ var theTitle = document.getElementsByTagName("title")[0]; if(blink){ theTitle.text = "test"; //or theTitle.innerHTML = "test"; blink = false; }else{ theTitle.text = ""; //or theTitle.innerHTML = ""; blink = true; } }, 1000); </code></pre> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/9830986">Fuente</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2012-03-22 21:41:28</span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div> <!-- comments --> <div class="comments"> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+1</span></div> <div class="col-lg-11"> <p class="commenttext">Esto no funcionará en absoluto. Usted ** no puede ** establecer un objeto DOM igual a una cadena. – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/561731/">Neal</a></span> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">@Neal en realidad solo está asignando cosas a una variable: P – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/995876/">Esailija</a></span> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">@Neal - Por supuesto que está en lo correcto, originalmente había pensado asignar el texto interno a var theTitle y de alguna manera lo dejé fuera. Aquí hay dos opciones para configurar el título. – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> </div> <div class="clearfix"> </div> <div class="relative-box"> <div class="relative">Cuestiones relacionadas</div> <ul class="relative_list"> <li> 1. <a href="http://es.uwenku.com/question/p-hwafuxyo-r.html" target="_blank" title="Parpadeante jQuery .animation()"> Parpadeante jQuery .animation() </a> </li> <li> 2. <a href="http://es.uwenku.com/question/p-pjpemcbl-bo.html" target="_blank" title="jQuery "efecto de resaltado parpadeante" en div?"> jQuery "efecto de resaltado parpadeante" en div? </a> </li> <li> 3. <a href="http://es.uwenku.com/question/p-myjqryye-z.html" target="_blank" title="Icono de bandeja parpadeante"> Icono de bandeja parpadeante </a> </li> <li> 4. <a href="http://es.uwenku.com/question/p-gzbfudgt-p.html" target="_blank" title="jQuery Tooltip Herramientas - Cambiar título"> jQuery Tooltip Herramientas - Cambiar título </a> </li> <li> 5. <a href="http://es.uwenku.com/question/p-vgwlskhe-bo.html" target="_blank" title="Obtener elemento por título jQuery"> Obtener elemento por título jQuery </a> </li> <li> 6. <a href="http://es.uwenku.com/question/p-qycynuez-c.html" target="_blank" title="Obtener atributo de título con jQuery"> Obtener atributo de título con jQuery </a> </li> <li> 7. <a href="http://es.uwenku.com/question/p-peiwnrze-bh.html" target="_blank" title="Deshabilitar el cursor parpadeante de EditText"> Deshabilitar el cursor parpadeante de EditText </a> </li> <li> 8. <a href="http://es.uwenku.com/question/p-tfklatbe-c.html" target="_blank" title="Texto parpadeante en la vista de Android"> Texto parpadeante en la vista de Android </a> </li> <li> 9. <a href="http://es.uwenku.com/question/p-efmfazgu-s.html" target="_blank" title="Cómo cambiar el título div usando jQuery"> Cómo cambiar el título div usando jQuery </a> </li> <li> 10. <a href="http://es.uwenku.com/question/p-sgrdzbbb-bw.html" target="_blank" title="Colocando el fondo de la imagen usando Jquery causando un tipo de efecto parpadeante"> Colocando el fondo de la imagen usando Jquery causando un tipo de efecto parpadeante </a> </li> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-6208739752673518" data-ad-slot="4606349252"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <li> 11. <a href="http://es.uwenku.com/question/p-xyzubeaf-bp.html" target="_blank" title="Google Docs Cursor parpadeante "kix-cursor-caret""> Google Docs Cursor parpadeante "kix-cursor-caret" </a> </li> <li> 12. <a href="http://es.uwenku.com/question/p-dloljddu-o.html" target="_blank" title="Botón parpadeante en la aplicación WPF"> Botón parpadeante en la aplicación WPF </a> </li> <li> 13. <a href="http://es.uwenku.com/question/p-kqkdfhal-r.html" target="_blank" title="cómo ocultar el cursor parpadeante en el texto de entrada?"> cómo ocultar el cursor parpadeante en el texto de entrada? </a> </li> <li> 14. <a href="http://es.uwenku.com/question/p-zuhzyarl-v.html" target="_blank" title="obtener título de la página de iframe javascript usando jQuery"> obtener título de la página de iframe javascript usando jQuery </a> </li> <li> 15. <a href="http://es.uwenku.com/question/p-uqymgzbp-y.html" target="_blank" title="Cocoa Mac Título de la aplicación Título: "sin título""> Cocoa Mac Título de la aplicación Título: "sin título" </a> </li> <li> 16. <a href="http://es.uwenku.com/question/p-cthqlbfr-bu.html" target="_blank" title="jquery: ocultar el atributo de título pero no eliminarlo"> jquery: ocultar el atributo de título pero no eliminarlo </a> </li> <li> 17. <a href="http://es.uwenku.com/question/p-rohtruot-bh.html" target="_blank" title="HTML en la cadena de título del plugin jquery fullcalendar"> HTML en la cadena de título del plugin jquery fullcalendar </a> </li> <li> 18. <a href="http://es.uwenku.com/question/p-hlvkhjnh-bx.html" target="_blank" title="¿Cómo actualizar el título en el diálogo de jQuery UI?"> ¿Cómo actualizar el título en el diálogo de jQuery UI? </a> </li> <li> 19. <a href="http://es.uwenku.com/question/p-mjgnzcdu-b.html" target="_blank" title="cambiar el título de un popover con arranque y jQuery"> cambiar el título de un popover con arranque y jQuery </a> </li> <li> 20. <a href="http://es.uwenku.com/question/p-tyrzaejn-bw.html" target="_blank" title="Alineación del título del encabezado móvil de Jquery"> Alineación del título del encabezado móvil de Jquery </a> </li> <li> 21. <a href="http://es.uwenku.com/question/p-ffxujrkz-bn.html" target="_blank" title="¿Cómo deshacerse de la forma parpadeante de Windows?"> ¿Cómo deshacerse de la forma parpadeante de Windows? </a> </li> <li> 22. <a href="http://es.uwenku.com/question/p-hgyfmtzi-bo.html" target="_blank" title="¿Cómo ocultar el cursor parpadeante del cuadro de texto?"> ¿Cómo ocultar el cursor parpadeante del cuadro de texto? </a> </li> <li> 23. <a href="http://es.uwenku.com/question/p-vljbwpnz-br.html" target="_blank" title="¿Cómo desactivar el cursor parpadeante en la ventana de comandos?"> ¿Cómo desactivar el cursor parpadeante en la ventana de comandos? </a> </li> <li> 24. <a href="http://es.uwenku.com/question/p-ctoituri-x.html" target="_blank" title="Selectores jQuery: Elemento seleccionado con clase específica y atributo 'título'"> Selectores jQuery: Elemento seleccionado con clase específica y atributo 'título' </a> </li> <li> 25. <a href="http://es.uwenku.com/question/p-uivogbza-bv.html" target="_blank" title="jQuery Seleccionar todos los elementos que tengan un título"> jQuery Seleccionar todos los elementos que tengan un título </a> </li> <li> 26. <a href="http://es.uwenku.com/question/p-tjxrysmc-m.html" target="_blank" title="JQuery - Seleccionar imagen por alt o por título"> JQuery - Seleccionar imagen por alt o por título </a> </li> <li> 27. <a href="http://es.uwenku.com/question/p-bpmlyelz-w.html" target="_blank" title="obtener URL, obtener Título por Javascript no jQuery"> obtener URL, obtener Título por Javascript no jQuery </a> </li> <li> 28. <a href="http://es.uwenku.com/question/p-afzeqpfc-ba.html" target="_blank" title="Como llegar Jefe valor del título usando jQuery"> Como llegar Jefe valor del título usando jQuery </a> </li> <li> 29. <a href="http://es.uwenku.com/question/p-mjvxwknv-be.html" target="_blank" title="Significado del borde rojo parpadeante en el emulador"> Significado del borde rojo parpadeante en el emulador </a> </li> <li> 30. <a href="http://es.uwenku.com/question/p-uvkvalbj-u.html" target="_blank" title="Cambiar el título con Javascript"> Cambiar el título con Javascript </a> </li> </ul> </div> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-6208739752673518" data-ad-slot="1575177025"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="padding-top-10"></div> </div> </div> <script type="text/javascript" src="http://img.uwenku.com/uwenku/script/side.js?t=1644592048471"></script> <script type="text/javascript" src="http://img.uwenku.com/uwenku/plugin/highlight/highlight.pack.js"></script> <link href="http://img.uwenku.com/uwenku/plugin/highlight/styles/docco.css" media="screen" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $('pre').each(function(i, e) { hljs.highlightBlock(e, "<span class='indent'> </span>", false) }); </script> <div class="col-lg-3 col-md-4 col-sm-5"> <div id="rightTop"> <div class="row"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="5415218910" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="row sidebar panel panel-default"> <div class="panel-heading font-bold"> Última pregunta </div> <div class="m-b-sm m-t-sm clearfix"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://es.uwenku.com/question/p-elnzovxd-t.html" target="_blank" title="¿Por qué las fuentes personalizadas generalmente no se muestran correctamente en iOS?"> ¿Por qué las fuentes personalizadas generalmente no se muestran correctamente en iOS? </a> </li> <li class="side_article_list_item"> 2. <a href="http://es.uwenku.com/question/p-qejjvrxk-u.html" target="_blank" title="Restaurar htacces para las subcarpetas"> Restaurar htacces para las subcarpetas </a> </li> <li class="side_article_list_item"> 3. <a href="http://es.uwenku.com/question/p-yshzjgem-q.html" target="_blank" title="Ampliar div hijo más allá del contenedor div"> Ampliar div hijo más allá del contenedor div </a> </li> <li class="side_article_list_item"> 4. <a href="http://es.uwenku.com/question/p-txzipglz-q.html" target="_blank" title="Cómo crear un DialogFragment 100% personalizado"> Cómo crear un DialogFragment 100% personalizado </a> </li> <li class="side_article_list_item"> 5. <a href="http://es.uwenku.com/question/p-zhlflkun-b.html" target="_blank" title="Controlador de vista push en la vista del controlador de vista modal"> Controlador de vista push en la vista del controlador de vista modal </a> </li> <li class="side_article_list_item"> 6. <a href="http://es.uwenku.com/question/p-aikpuuts-d.html" target="_blank" title="¿Por qué python pickle load y dump inflan el tamaño de un objeto en el disco?"> ¿Por qué python pickle load y dump inflan el tamaño de un objeto en el disco? </a> </li> <li class="side_article_list_item"> 7. <a href="http://es.uwenku.com/question/p-gqqmxqpq-be.html" target="_blank" title="¿Listado de funciones php en la parte superior del archivo? (o, ¿cómo saltar rápidamente a las funciones php?)"> ¿Listado de funciones php en la parte superior del archivo? (o, ¿cómo saltar rápidamente a las funciones php?) </a> </li> <li class="side_article_list_item"> 8. <a href="http://es.uwenku.com/question/p-qfsrbudz-ba.html" target="_blank" title="¿Cómo se puede usar sexplib con tipos de funtores como Map?"> ¿Cómo se puede usar sexplib con tipos de funtores como Map? </a> </li> <li class="side_article_list_item"> 9. <a href="http://es.uwenku.com/question/p-uxtpnidn-z.html" target="_blank" title="determinar si el rango de fechas se encuentra entre otro rango de fechas - sql"> determinar si el rango de fechas se encuentra entre otro rango de fechas - sql </a> </li> <li class="side_article_list_item"> 10. <a href="http://es.uwenku.com/question/p-anyyagxt-w.html" target="_blank" title="git - obteniendo TODA la versión anterior de un archivo/carpeta específico"> git - obteniendo TODA la versión anterior de un archivo/carpeta específico </a> </li> </ul> </div> </div> </div> <p class="article-nav-bar"></p> <div class="row sidebar article-nav"> <div class="row box_white visible-sm visible-md visible-lg margin-zero"> <div class="top"> <h3 class="title"><i class="glyphicon glyphicon-th-list"></i> Cuestiones relacionadas</h3> </div> <div class="article-relative-content"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://es.uwenku.com/question/p-hwafuxyo-r.html" target="_blank" title="Parpadeante jQuery .animation()"> Parpadeante jQuery .animation() </a> </li> <li class="side_article_list_item"> 2. <a href="http://es.uwenku.com/question/p-pjpemcbl-bo.html" target="_blank" title="jQuery "efecto de resaltado parpadeante" en div?"> jQuery "efecto de resaltado parpadeante" en div? </a> </li> <li class="side_article_list_item"> 3. <a href="http://es.uwenku.com/question/p-myjqryye-z.html" target="_blank" title="Icono de bandeja parpadeante"> Icono de bandeja parpadeante </a> </li> <li class="side_article_list_item"> 4. <a href="http://es.uwenku.com/question/p-gzbfudgt-p.html" target="_blank" title="jQuery Tooltip Herramientas - Cambiar título"> jQuery Tooltip Herramientas - Cambiar título </a> </li> <li class="side_article_list_item"> 5. <a href="http://es.uwenku.com/question/p-vgwlskhe-bo.html" target="_blank" title="Obtener elemento por título jQuery"> Obtener elemento por título jQuery </a> </li> <li class="side_article_list_item"> 6. <a href="http://es.uwenku.com/question/p-qycynuez-c.html" target="_blank" title="Obtener atributo de título con jQuery"> Obtener atributo de título con jQuery </a> </li> <li class="side_article_list_item"> 7. <a href="http://es.uwenku.com/question/p-peiwnrze-bh.html" target="_blank" title="Deshabilitar el cursor parpadeante de EditText"> Deshabilitar el cursor parpadeante de EditText </a> </li> <li class="side_article_list_item"> 8. <a href="http://es.uwenku.com/question/p-tfklatbe-c.html" target="_blank" title="Texto parpadeante en la vista de Android"> Texto parpadeante en la vista de Android </a> </li> <li class="side_article_list_item"> 9. <a href="http://es.uwenku.com/question/p-efmfazgu-s.html" target="_blank" title="Cómo cambiar el título div usando jQuery"> Cómo cambiar el título div usando jQuery </a> </li> <li class="side_article_list_item"> 10. <a href="http://es.uwenku.com/question/p-sgrdzbbb-bw.html" target="_blank" title="Colocando el fondo de la imagen usando Jquery causando un tipo de efecto parpadeante"> Colocando el fondo de la imagen usando Jquery causando un tipo de efecto parpadeante </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div><!-- wrap end--> <!-- footer --> <footer id="footer"> <div class="bg-simple lt"> <div class="container"> <div class="row padder-v m-t"> <div class="col-xs-8"> <ul class="list-inline"> <li><a href="http://es.uwenku.com/contact">Contactanos</a></li> <li>© 2020 ES.UWENKU.COM</li> <li><a target="_blank" href="https://beian.miit.gov.cn/">沪ICP备13005482号-4</a></li> <li><script type="text/javascript" src="https://v1.cnzz.com/z_stat.php?id=1280101193&web_id=1280101193"></script></li> <li><a href="http://www.uwenku.com/" target="_blank" title="优文库">简体中文</a></li> <li><a href="http://hk.uwenku.com/" target="_blank" title="優文庫">繁體中文</a></li> <li><a href="http://ru.uwenku.com/" target="_blank" title="поле вопросов и ответов">Русский</a></li> <li><a href="http://de.uwenku.com/" target="_blank" title="Frage - und - antwort - Park">Deutsch</a></li> <li><a href="http://es.uwenku.com/" target="_blank" title="Preguntas y respuestas">Español</a></li> <li><a href="http://hi.uwenku.com/" target="_blank" title="कार्यक्रम प्रश्न और उत्तर पार्क">हिन्दी</a></li> <li><a href="http://it.uwenku.com/" target="_blank" title="IL Programma di chiedere Park">Italiano</a></li> <li><a href="http://ja.uwenku.com/" target="_blank" title="プログラム問答園区">日本語</a></li> <li><a href="http://ko.uwenku.com/" target="_blank" title="프로그램 문답 단지">한국어</a></li> <li><a href="http://pl.uwenku.com/" target="_blank" title="program o park">Polski</a></li> <li><a href="http://tr.uwenku.com/" target="_blank" title="Program soru ve cevap parkı">Türkçe</a></li> <li><a href="http://vi.uwenku.com/" target="_blank" title="Đáp ứng viên">Tiếng Việt</a></li> <li><a href="http://fr.uwenku.com/" target="_blank" title="Programme interrogation Park">Française</a></li> </ul> </div> </div> </div> </div> </div> </footer> <!-- / footer --> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?f78a970f17b19a79fc477a3378096f29"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>