Typecho博客网站标题动态改变,js代码实现
效果图
离开该网页时
回来浏览网页时
JS代码
var OriginTitile=document.title;
var st;
document.addEventListener('visibilitychange',function(){
if(document.hidden){
document.title="(つェ⊂)别走,快回来~";
clearTimeout(st);
console.log('hide');
}else{
document.title='(*´∇`*)吖~您回来啦~ '+OriginTitile;
console.log('show');
st=setTimeout(function(){
document.title=OriginTitile;
},4000);
console.log('endChange=');
}
});
如果您也使用的是handsome主题,可以在主题设置中--开发者设置---自定义JS中填写:
如果您使用的不是handsome主题,可以在 post.php
这个文件里面添加,正常情况下,该文件位于您使用的主题根目录下,例如handsome主题目录就是 /网站根目录/usr/themes/handsome
- 感谢你赐予我前进的力量
赞赏者名单
因为你们的支持让我意识到写文章的价值🙏
本文是原创文章,采用 CC BY-NC-ND 4.0 协议,完整转载请注明来自 IT薇薇
评论
匿名评论
隐私政策
你无需删除空行,直接评论以获取最佳展示效果