html如何无缝连接上下,JS信息滚动制作-2-无缝滚动（上下）

1、原理：增加一个相同的内容

2、知识点：​

一、innerHTML：innerHTML在JS是双向功能，获取对象的内容 或 向对象插入内容；如：

这是内容

我们可以通过 document.getElementByIdx_x_x('aa').innerHTML

来获取id为aa的对象的内嵌内容；也可以对某对象插入内容，如

document.getElementByIdx_x_x('abc').innerHTML='这是被插入的内容';

这样就能向id为abc的对象插入内容。

二​、scrollTop：scrollTop

设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离(即网页被卷去的高)。

三、offsetHeight：offsetHeight与offsetWidth作用相同，前者是获取元素的高度后者则是宽度．offsetHeight属性可以获取元素的可见高度值．包括边框和内部空白补丁．但超出元素的内容则不被计算．也就是说只返回元素的实际高度值．如果看得着边框．从上边框到下边框的距离则是offsetHeight返回的值．

四、setInterval：setInterval动作的作用是在播放动画的时，每隔一定时间就调用函数，方法或对象。可以使用本动作更新来自数据库的变量或更新时间显示。

五、clearInterval：​clearInterval() 方法可取消由

setInterval() 设置的

timeout。

clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值。

3、​相关代码：

​