Animate Your Site's Browser Tab With JavaScript!

For fun, and to add some often-unused motion to your site.

Does NOT affect SEO. Google and other browsers will only index the initial title tag. Anything else you do to it with JS afterwards is not displayed in search.

How to do it?

This requires VERY little JavaScript. Go ahead and copy the code below using the "Copy to Clipboard" button, and then put it in a <script> tag on your webpage.

const base = "Yay!  An animated tab!!!  This is great!!!";
let text = base + "     ";

setInterval(() => {

  text = text.slice(1) + text[0];
  document.title = text;
}, 300);

Repo/Source:

You can find the repo of this project here: https://github.com/Sean-93/marquee-in-tab

Misc.

This site was styled using WaterCSS https://watercss.kognise.dev/

This repo was inspired by https://syntheticfruits.neocities.org/ because their site has a similar animation in their browser tab