Javascript JS自动滚动循环

我不熟悉js。我找到了这个密码。我需要一个帮助来改进这个循环滚动。现在它向下滚动一次。我需要的是当列表结束时，需要再次从列表的顶部开始。请帮忙。多谢各位

小提琴：

例：

• 列表内容1
• 清单内容2
• 清单内容3
• 清单内容4
• 清单内容5
• 列表内容1
• 清单内容2
• 清单内容3

代码：

quadroDeAvisos = document.getElementById("quadroDeAvisos")
lineUp = document.getElementById("lineUp")
avisos = lineUp.getElementsByClassName("avisos")

var count = 0;
var limite = avisos.length -1;
var myVar=setInterval(function(){atualiza()},2000);

function atualiza() {
    if(count == limite)
    count = 0;
  lineUp.style.marginTop = 65*count*(-1)+"px"
  count++
}

---

根据你的逻辑，我已经更新了你的代码，请检查

quadroDeAvisos=document.getElementById（“quadroDeAvisos”）
lineUp=document.getElementById（“lineUp”）
avisos=lineUp.getElementsByClassName（“avisos”）
var计数=0；
var myVar=setInterval（function（）{atualiza（）}，2000）；
函数atualiza（）{
lineUp.style.marginTop=65*计数*（-1）+“px”
计数++
如果（计数=5）
计数=0
}

.quadroDeAvisos{
宽度：134px；
高度：125px；
溢出：隐藏；
}
#阿维索斯河豚{
背景色：#ee9d20；
边框颜色：#ba7c18；
}
阿维索斯先生{
显示：内联块；
页边距底部：0；
字体大小：400；
线高：1.42857143；
文本对齐：居中；
空白：nowrap；
垂直对齐：中间对齐；
-webkit用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
背景图像：无；
边框：1px实心透明；
边界半径：4px；
边缘顶部：5px；
边缘底部：5px；
位置：相对位置；
颜色：#fff；
高度：50px；
宽度：132px；
字体大小：12px；
填充：0；
溢出：隐藏；
}
.阵容{
过渡：1s；
}

列表内容1

子内容

清单内容2

子内容

清单内容3

子内容

清单内容4

子内容

清单内容5

子内容

根据您的逻辑，我已更新了您的代码，请检查

quadroDeAvisos=document.getElementById（“quadroDeAvisos”）
lineUp=document.getElementById（“lineUp”）
avisos=lineUp.getElementsByClassName（“avisos”）
var计数=0；
var myVar=setInterval（function（）{atualiza（）}，2000）；
函数atualiza（）{
lineUp.style.marginTop=65*计数*（-1）+“px”
计数++
如果（计数=5）
计数=0
}

.quadroDeAvisos{
宽度：134px；
高度：125px；
溢出：隐藏；
}
#阿维索斯河豚{
背景色：#ee9d20；
边框颜色：#ba7c18；
}
阿维索斯先生{
显示：内联块；
页边距底部：0；
字体大小：400；
线高：1.42857143；
文本对齐：居中；
空白：nowrap；
垂直对齐：中间对齐；
-webkit用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
背景图像：无；
边框：1px实心透明；
边界半径：4px；
边缘顶部：5px；
边缘底部：5px；
位置：相对位置；
颜色：#fff；
高度：50px；
宽度：132px；
字体大小：12px；
填充：0；
溢出：隐藏；
}
.阵容{
过渡：1s；
}

列表内容1

子内容

清单内容2

子内容

清单内容3

子内容

清单内容4

子内容

清单内容5

子内容

检查我根据您的要求更新了您的逻辑。希望能有帮助

函数autoScrollDown（）{
$（“.inner”）.css（{top:-$（“.lineUp”）.outerHeight（）}）//跳回
.animate（{top:0}，10000，“linear”，autoScrollDown）；//并设置动画
}
函数autoScrollUp（）{
$（“.inner”）.css（{top:0}）//跳回
.animate（{top:-$（“.lineUp”）.outerHeight（）}，10000，“linear”，autoScrollUp）；//并设置动画
}
//确定阵容的高度：
$（'.lineUp'）.css（{maxHeight:$（'.inner'）.height（）}）；
//内部文件的重复内容：
$（'.inner'）.html（$（'.inner'）.html（）+$（'.inner'）.html（））；
autoScrollUp（）
*{
保证金：0；
填充：0；
}
.内部{
位置：相对位置；
顶部：0px；
}
.阵容{
溢出：隐藏；
}
阿维索斯先生{
显示：块；
页边距底部：0；
字体大小：400；
线高：1.42857143；
文本对齐：居中；
空白：nowrap；
垂直对齐：中间对齐；
-webkit用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
背景图像：无；
边框：1px实心透明；
边界半径：4px；
边缘顶部：5px；
边缘底部：5px；
位置：相对位置；
颜色：#fff；
高度：50px；
宽度：132px；
字体大小：12px；
填充：0；
溢出：隐藏；
背景色：#ee9d20；
边框颜色：#ba7c18；
}

列出内容1子内容

列出内容2子内容
列出内容3子内容
检查我根据您的要求更新了您的逻辑。希望能有帮助


函数autoScrollDown（）{
$（“.inner”）.css（{top:-$（“.lineUp”）.outerHeight（）}）//跳回
.animate（{top:0}，10000，“linear”，autoScrollDown）；//并设置动画
}
函数autoScrollUp（）{
$（“.inner”）.css（{top:0}）//跳回
.animate（{top:-$（“.lineUp”）.outerHeight（）}，10000，“linear”，autoScrollUp）；//并设置动画
}
//确定阵容的高度：
$（'.lineUp'）.css（{maxHeight:$（'.inner'）.height（）}）；
//内部文件的重复内容：
$（'.inner'）.html（$（'.inner'）.html（）+$（'.inner'）.html（））；
autoScrollUp（）
*{
保证金：0；
填充：0；
}
.内部{
位置：相对位置；
顶部：0px；
}
.阵容{
溢出：隐藏；
}
阿维索斯先生{
显示：块；
页边距底部：0；
字体大小：400；
线高：1.42857143；
文本对齐：居中；
空白：nowrap；
垂直对齐：中间对齐；
-webkit用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
背景图像：无；
边框：1px实心透明；
边界半径：4px；
边缘顶部：5px；
边缘底部：5px；
位置：相对位置；
颜色：#fff；
高度：50px；
宽度：132px；
字体大小：12px；
填充：0；
溢出：隐藏；
背景色：#ee9d20；
边框颜色：