Как анимировать </h1> </div> <div class="question-subheader"> <a href="https://ru.stackoverflow.com/u/442744" class="question-author" target="_blank"> Автор вопроса: trckbgc </a> </div> <div class="question-text"> <p>Как анимировать заголовок вкладки (<code><title></code>)?</p> <p>К примеру, чтобы trkbgc анимировался символами |/-$@% и т.д.</p> <p>Не знаю, как ещё подробнее это объяснить</p> <br> </div> <div class="question-source"> <a href="https://ru.stackoverflow.com/q/1293980" target="_blank" class="source-link">Источник</a> </div> <div class="after"> <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-7213297900893379" data-ad-slot="7637638360"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="answers"> <h3 class="answers-title"> Ответы <span>(1 шт):</span> </h3> <div class="answers-list"> <div class="answers-item" id="answer-1"> <a href="https://ru.stackoverflow.com/u/321883" target="_blank" class="answer-author">Автор решения: vsemozhebuty</a> <div class="answer-content"><p>Не совсем понятно, что вы подразумеваете под "анимировался символами", но вот самый простой пример, как менять заголовок между двумя состояниями раз в секунду:</p> <pre class="lang-js prettyprint-override"><code>const frames = ['trkbgc', '|/-$@%']; setInterval( () => { const frame = frames.shift(); document.title = frame; frames.push(frame); }, 1000, ); </code></pre> </div> <a href="#answer-1" class="answer-link">→ Ссылка</a> </div> </div> </div> <div class="answers-vk">  <div id="fb-root"></div> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/ru_RU/sdk.js#xfbml=1&version=v18.0&appId=2623658001082461" nonce="x6mCrB0v"></script> <div class="fb-comments" data-href="https://huslhub.com" data-width="850" data-numposts="5"></div> </div> </div> </div> </div> </div> <div class="footer-outer"> <div class="container"> <div class="footer"> <p> <span>licensed under <a href="https://creativecommons.org/licenses/by-sa/3.0/" target="_blank" rel="nofollow">cc by-sa 3.0</a> with attribution. </span> </p> </div> </div> </div>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-61W54EQCFG"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-61W54EQCFG'); </script>    </body> </html>