title页轮转字幕

最新推荐文章于 2025-08-22 13:39:56 发布

转载最新推荐文章于 2025-08-22 13:39:56 发布 · 544 阅读

文章标签：

#javascript

前端专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个简单的滚动标题效果实现方案，通过JavaScript定时修改HTML页面的标题来达到文字滚动的效果。此方法利用数组存储标题字符串，并使用定时器按顺序重新设置文档标题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
<title>新闻中心----是世界上最牛的人！</title>


<script type="text/javascript">
    var str = ["新","闻","中","心","----","D","Z","是","世","界","上","最","牛","的","人","！"," "," "," "];
var len = str.length;

var index = 0;
function rollTitle(){
	var title = "";
	if(index == len){
		index = 0;
	}else{
		index ++;
	}
	for(var i = 0; i < len; ++i){
		var j = i + index;
		if(j >= len){
			title += str[j - len];
		}else{
			title += str[j];
		}
	}
	document.getElementsByTagName("title")[0].innerText=title;
	

	setTimeout(rollTitle,500);
}

(function(){	
	setTimeout(rollTitle,500);
}());
</script>

</html>