当窗口开启模糊时，将页面标题改为动态标题

Question

我想改变页面的标题，当访问者在另一个选项卡。我检查了论坛，但我需要这样的东西;

(function titleScroller(text) {
document.title = text;
console.log(text);
setTimeout(function () {
titleScroller(text.substr(1) + text.substr(0, 1));
}, 200);
}("Come back please ❤" + " " +"Miss you ❤" + " " + "Hello? ❤" + " " ));

或者我可以为这段代码添加滚动标题吗?

jQuery(document).ready(function($) {
// any code js
var title = document.title;
var alttitle = "Miss You ❤";
window.onblur = function () { document.title = alttitle; };
window.onfocus = function () { document.title = title; };

});

Answer 1

您可以在代码中监听visibilitychange事件并触发您喜欢的任何函数。

document.addEventListener("visibilitychange", event => {
if (document.visibilityState == "visible") {
console.log("tab is active")
} else {
console.log("tab is inactive")
}
})