изменить title сайта из JS / JQuery
SWEN
03/Апр/2022, 21:06:40
https://snipp.ru/jquery/title-js
---------------
SWEN
03/Апр/2022, 21:07:05
Для привлечения внимания пользователя, например о каком либо событии, изменяют title страницы (особенно это заметно когда вкладка с сайтом не активна).

В JS за содержимое элемента <title> отвечает свойство document.title, оно содержит текущий заголовок документа:

var title = document.title;
console.log(title);
JS
А также назначает новый:

document.title = 'Новый заголовок страницы';
JS
Тitle в JQuery
В JQuery работа с тайтлом происходит как с обычном элементом:

var title = $('title').text();
console.log(title);
JS
$('title').text('Новый заголовок страницы');
JS
Далее несколько примеров как сделать динамический заголовок страницы.

1
Бегущая строка в title
<button id="start">Запустить</button>
<button id="stop">Остановить</button>
 
<script>
var timer;
var start_title = document.title;
 
$('#start').click(function(){
	for (i = 0; i < 5; i++) {
		document.title = document.title + ' | ' + start_title;
	}	
	
	timer = setInterval(function(){
		lenta = document.title;
		if (lenta.length == 100){
			lenta = lenta + ' | ' + start_title;
		}
		document.title = lenta.substr(1, lenta.length);
	}, 100);
});
 
$('#stop').click(function(){
	clearInterval(timer);
	document.title = start_title;
});
</script>
---------------
SWEN
03/Апр/2022, 21:07:36
Мигающий заголовок страницы
Поочередный вывод сообщения «* Новое сообщение *» в <title>:

<button id="start">Запустить</button>
<button id="stop">Остановить</button>
 
<script>
var timer;
var counter = 0;
var start_title = document.title;
var message = '* Новое сообщение *';
 
$('#start').click(function(){
	timer = setInterval(function(){
		if (counter % 2) {
			document.title = start_title;
		} else {
			document.title = message;
		}
		counter++;
	}, 1000);
});
 
$('#stop').click(function(){
	clearInterval(timer);
	document.title = start_title;
});
</script>
---------------