Как на JavaScript динамически менять тег Title

Иногда есть необходимость менять заголовок браузера title при неактивной вкладке. Чтобы активная вкладка показывали настоящий тег title, а при переключении на другую вкладку меняем заголовок на призыв к действию

var url = window.location.toString();
if(url.includes('rd/') == false){
var title = ["\ud83d\ude22 Почему вы ушли\u2753", "\ud83d\udcdd Оставьте комментарий!", "\ud83d\ude0d Мы сделаем статью лучше!"];
i = 0;
 
function sec() {
    i = (i + 1) % title.length;
    jQuery(document).prop("title", title[i])
}
window.onload = function() {
 
        var a = document.title;
        jQuery(document).bind("visibilitychange", function() {
            document.hidden ? secinterval = setInterval(sec, 3E3) : clearInterval(secinterval);
            jQuery(document).prop("title", document.hidden ? title[0] : a)
        })
 
};
}
Этот материал впервые был опубликован 22 января 2021 года. Актуальность информации подтверждена 16 января 2024 году.