js实现页面动态title

发布于 2021-12-16  126 次阅读 

var OriginTitle = document.title;
var titleTime;
document.addEventListener('visibilitychange', function () {
if (document.hidden) {
//用来改变local,当离开的时候显示
$('[rel="icon"]').attr('href', "/img/trhx2.png");
document.title = 'ヽ(●-`Д´-)ノ你丑你就走！';
clearTimeout(titleTime);
}
else {
//用来改变local,当离开的时候显示
$('[rel="icon"]').attr('href', "/img/trhx2.png");
document.title = 'ヾ(Ő∀Ő3)ノ你帅就回来！' + OriginTitle;
titleTime = setTimeout(function () {
document.title = OriginTitle;
}, 2000);
}
});

试例

离开后
进入后

一沙一世界，一花一天堂。君掌盛无边，刹那成永恒。