利用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()**来实现需要的滚动效果,线上会出现问题。