1. Непосредственное изменение заголовка страницы.
   Один из самых простых способов — напрямую изменить тег <title>в HTML-документе с помощью jQuery. Вот пример:

$('title').text('New Page Title');

Этот код изменит заголовок страницы на «Новый заголовок страницы».

$('#myButton').click(function() {
  $('title').text('Updated Page Title');
});

В этом коде при нажатии на элемент с идентификатором «myButton» заголовок страницы изменится на «Обновленный заголовок страницы».

var unreadMessagesCount = 5;
$('title').text('My Website (' + unreadMessagesCount + ' unread messages)');

Этот код отобразит количество непрочитанных сообщений в заголовке страницы.

$.ajax({
  url: 'mydata.json',
  success: function(data) {
    $('title').text('New Page Title - ' + data.title);
  }
});

В этом коде заголовок страницы будет обновлен заголовком, полученным из запроса AJAX.

var countDownDate = new Date('2024-01-31').getTime();
var countdownTimer = setInterval(function() {
  var now = new Date().getTime();
  var distance = countDownDate - now;
  var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  $('title').text(days + ' days until the deadline');
  if (distance < 0) {
    clearInterval(countdownTimer);
    $('title').text('The deadline has passed');
  }
}, 1000);

Этот код будет отображать таймер обратного отсчета в заголовке страницы до достижения указанного крайнего срока.