前端杂谈 · Web

网页标题title动态改变

小编 · 10月31日 · 2019年

给网页标题增加动态文字,在离开当前页面的时候,动态改变。

网页标题title动态改变

代码

<script type="text/javascript">
/*  动态网页标题*/
var OriginTitile = document.title,
titleTime;
document.addEventListener("visibilitychange",
function() {
    if (document.hidden) {
        $('[rel="shortcut icon"]').attr("href", "https:/yejiuqiu.cn/favicon.ico");
        document.title = "你别走吖 Σ(っ °Д °;)っ";
        clearTimeout(titleTime)
    } else {
        $('[rel="shortcut icon"]').attr("href", "https://yejiuqiu.cn/favicon.ico");
        document.title = "你可算回来了 (。•ˇ‸ˇ•。)" + OriginTitile;
        titleTime = setTimeout(function() {
            document.title = OriginTitile
        },
        2000)
    }
});
</script>
0 条回应

必须 注册 为本站用户, 登录 后才可以发表评论!