给网站添加一个动态标题

发布于 2022-07-27 492 次阅读


前言

一个好玩呆萌的小功能。

教程

<!--网站标题自动判断-->
<script>
	var title = document.title;
        function istitle() {
	     var isHidden = document.hidden;	
	      if (isHidden) {
		//当窗口不可见
		document.title = '(つ ェ ⊂)我藏好了哦~';
	      } else {
		//当窗口可见
		document.title = '(*゜ロ゜)ノ被发现了~';
		setTimeout("document.title=title", 3000);
	      }
	    };
	document.addEventListener('visibilitychange', istitle);
</script>
  1. 可以根据自己的喜好修改为其他文字表情等。
  2. 如果不想时间这么久,可以修改3000处的地方,这个是获取焦点后变回原始标题的延迟时间