Модификация titlle сайта из JavaScript.

Как правило посетители сайтов не обращают внимания на информацию, которая помещена в теги title или длина текста, помещённого в этот тег больше видимости ограничений браузера. Следующие два примера на javascript помогут вам реализовать модификацию:

1. Текст title в виде бегущей строки
2. Мигающий текст заголовка title.

Чтобы изменить title сайта из JavaScript, вы можете использовать свойство `document.title`. Вот примеры кода для бегущей строки и мигающего title:

1. Бегущая строка в title:

(function() {
  var originalTitle = document.title;
  var marqueeTitle = "Ваш текст для бегущей строки";
  var titleTimeout;

  function runMarquee() {
    document.title = marqueeTitle;
    marqueeTitle = marqueeTitle.substring(1) + marqueeTitle.charAt(0);
    titleTimeout = setTimeout(runMarquee, 200);
  }

  function stopMarquee() {
    clearTimeout(titleTimeout);
    document.title = originalTitle;
  }

  runMarquee(); // Запустить бегущую строку

  // Для остановки бегущей строки, раскомментируйте следующую строку:
  // stopMarquee();
})();

2. Мигающий текст заголовка title:

(function() {
  var originalTitle = document.title;
  var flashTitle = "Мигающий текст";
  var isFlashOn = false;
  var flashInterval;

  function flash() {
    document.title = isFlashOn ? originalTitle : flashTitle;
    isFlashOn = !isFlashOn;
  }

  function startFlash() {
    flashInterval = setInterval(flash, 1000);
  }

  function stopFlash() {
    clearInterval(flashInterval);
    document.title = originalTitle;
  }

  startFlash(); // Запустить мигающий title

  // Для остановки мигающего title, раскомментируйте следующую строку:
  // stopFlash();
})();

Пояснение работы:

- В обоих примерах кода мы сохраняем исходный заголовок страницы (`originalTitle`), чтобы восстановить его, когда анимация будет завершена.
- Для бегущей строки каждые 200 миллисекунд мы обновляем заголовок (`document.title`) путем сдвига первого символа в конец строки (`marqueeTitle`).
- Для мигающего title каждую секунду мы переключаемся между исходным заголовком и заданным мигающим текстом (`flashTitle`).
- Вы можете остановить анимацию, вызвав функцию `stopMarquee()` для бегущей строки или `stopFlash()` для мигающего title.

ТОП 10 случайных публикаций