让title动起来

最新推荐文章于 2022-10-12 14:30:02 发布

原创最新推荐文章于 2022-10-12 14:30:02 发布 · 213 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#动态title

Javascript 专栏收录该内容

55 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现网页标题动态变化的方法。通过定时器每隔一段时间截取原始标题的一部分展示为当前页面标题，实现了趣味性的效果。这种方法可以提升用户体验，让页面显得更加生动。

function newTitle() {   
	var titleDOM = document.getElementsByTagName("title")[0];
	var text = titleDOM.innerHTML;
	var cacheTitle = titleDOM.getAttribute("cacheTitle");
	if(!cacheTitle){
		cacheTitle=text;
		document.getElementsByTagName("title")[0].setAttribute("cacheTitle",text);
	}
	var nLen = cacheTitle.length;
	var sEndChar = cacheTitle.substring(nLen-1,nLen);
	var nNowIndex = text.indexOf(sEndChar)+1;
	text = text.substring(1,nNowIndex);
	//log("text = "+text+",sEndChar = "+sEndChar+",nNowIndex ="+nNowIndex);
	if(nNowIndex<=0 ||!!text==false){
		document.title = cacheTitle;
	}else{
		document.title = text;
	}
//		document.title=text.substring(1,text.length)+text.substring(0,1); 
	setTimeout("newTitle()", 500);
}

愤怒的coder - share