JavaScript实现滚动效果以及计时器问题

利用js实现滚动效果的过程中会使用如下的知识
1.JavaScript substring() 方法
2.setInterval()方法

JavaScript substring() 方法
定义和用法
substring() 方法用于提取字符串中介于两个指定下标之间的字符。
substring() 方法返回的子串包括 开始 处的字符,但不包括 结束 处的字符
使用的过程中“有头无尾”,同时会修改源字符串

JavaScript substr() 方法
定义和用法
substr() 方法可在字符串中抽取从 开始 下标开始的指定数目的字符。
提示: substr() 的参数指定的是子串的开始位置和长度,因此它可以替代 substring() 和 slice() 来使用。
注意:有头有尾,substr() 方法不会改变源字符串。
所有主要浏览器都支持 substr() 方法

代码实现

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>simple title</title>
	</head>
	<body>
		<script type="text/javascript">
			var msg="这是一个会滚动的title";
			function scrollTitle(){
				document.title=msg;
				msg=msg.substring(1,msg.length)+msg.substring(0,1);
			}
			scrollTitle();
			setInterval("scrollTitle()",500);
		</script>
	</body>
</html>

在实现滚动效果时,避免使用**setTimeout()**来实现需要的滚动效果,线上会出现问题。

发布了14 篇原创文章 · 获赞 16 · 访问量 1746

猜你喜欢

转载自blog.csdn.net/weixin_43894771/article/details/104759616
今日推荐