其他分享
首页 > 其他分享> > 博客园离开进入title改变

博客园离开进入title改变

作者:互联网

首页HTML代码中添加

/*离开时标题改变--begin*/
<script>
   document.addEventListener('visibilitychange',function(){if(document.visibilityState=='hidden'){normal_title=document.title;document.title='瞅啥去了';}else{document.title=normal_title;}});
</script>
/*标题改变---end*/
/*进入和离开时标题发生改变--begin*/
<script>
var OriginTitile = document.title;      /*定义一个变量保存原标题*/
var titleTime;                             /*定义一个变量*/
document.addEventListener('visibilitychange', function() {
    if (document.hidden) {
        document.title = '离开页面时标题 - ' + OriginTitile;  /*可删除原标题*/   
        clearTimeout(titleTime);
    }
    else {
        document.title = '进入页面时标题- ' + OriginTitile;/*自定义标题+原标题,可删除原标题*/
        titleTime = setTimeout(function() {
            document.title = OriginTitile;         
        }, 3500);                  /*设置标题时间,单位毫秒*/
    }
});
</script>
/*进入和离开时标题发生改变--end*/

注:部分转自原文奇然

标签:function,OriginTitile,title,博客园,标题,离开,document,titleTime
来源: https://www.cnblogs.com/sillage/p/14119516.html