JS实现间歇或无缝滚动效果的简单实现

间歇式，无缝滚动效果（GIF记录效果不太好，兴趣可以下来代码），具体内容如下

代码uff1a

无缝滚动

*边距：0；填充：0；}
。箱{宽度：500px；身高：400px；保证金：40px汽车；背景：# CCC；溢出：隐藏；}
。块{位置：相对；宽度：500px；身高：400px；溢出：隐藏；}
。项目{身高：40px；背景：红色；颜色：# FFF；线高度：40px；文本对齐：中心；}
。项目：nth-child（2n）{ 000 } #背景：

无功scrollup =（函数（）{（）
返回函数（JSON）{
无功objscroll = document.getelementbyid（JSON。ID）；
objscroll.scrolltop = 0；
objscroll.innerhtml = objscroll.innerhtml；
如果（JSON on on）{
函数滚动（）{
如果（objscroll.scrolltop = objscroll。scrollheight）{
objscroll.scrolltop = 0；
其他{ }
objscroll.scrolltop + +；
}
}
无功myscroll = setInterval（函数（）{ } }，滚动（）30）；
objscroll.onmouseover =函数（）{
ClearInterval（myscroll）；
}
objscroll.onmouseout =函数（）{
myscroll = setInterval（function（）{滚动（）}，30）；
}
其他{ }
VaR的定时器；
功能startscroll（）{
定时器= setInterval（函数（）{ scrollup（）}，30）；
objscroll scrollTop + +；
}
功能scrollup（）{
如果（objscroll。scrollTop为JSON。高度= = 0）{
ClearInterval（定时器）；
setTimeout（startscroll，2000）；
其他{ }
objscroll scrollTop + +；
如果（objscroll.scrolltop = objscroll。scrollheight / 2）{
objscroll.scrolltop = 0；
}
}
}
setTimeout（startscroll，1000）；
}
}
}）
窗口。指针函数（）{
：间歇轧制/无缝轧制高度：间歇
scrollup（{：真的，编号：阻止}）；
scrollup（{编号：'block2，高度：120 }）；
}

1无缝滚动
2无缝滚动
3无缝滚动
4无缝滚动
5无缝滚动
6无缝滚动
7无缝滚动
8无缝滚动
9无缝滚动
10无缝滚动
11无缝滚动
12无缝滚动
13无缝滚动
14无缝滚动
15无缝滚动

1间歇滚动
2间歇滚动
3间歇滚动
4间歇滚动
5间歇滚动
6间歇滚动
7间歇滚动
8间歇滚动
9间歇滚动
10间歇滚动
11间歇滚动
12间歇滚动
13间歇滚动
14间歇滚动
15间歇滚动

注：

1。框对CSS溢出隐藏：溢出：隐藏

2。有两种功能：间歇轧制/无缝轧制。

3、首先复制相同的代码，然后无缝地滚动它。scrollTop值执行定时器增加所有的时间。当scrollTop大于框的高度，scrollTop设置在0。间歇滚动在此基础上增加了setTimeout，断断续续，停在scrollTop到指定高度

4。问题是：setInterval（）函数（{滚动（}，}，30）的代码，这样写可以执行，setInterval（'scrolling（）），30，这样是不够的。在伟大的上帝的指引下两者有什么不同吗机制是什么

以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。