Javascript分页-自动切换时间间隔

我有一个显示器，在表格中显示一些信息。我希望当表格变得太大而无法在屏幕上显示时，页面会显示“第1/2页”，然后在两个页面之间自动切换，比如说每10秒切换一次

我尝试过搜索，似乎有很多创建分页的解决方案。然而，我还没有找到描述自动开关的解决方案

如果有人知道如何做到这一点，我将非常感激

某种自动滚动也可能很有趣

---

最好的

您可以尝试以下方法：

var tableData=[{id:1，名字：“撒迦利亚”}，
{id:2，名字：“Ivett”}，
{id:3，名字：“特雷梅恩”}，
{id:4，名字：“Thibaud”}，
{id:5，名字：“Patrica”}，
{id:6，名字：“卡米娜”}，
{id:7，名字：“Feliks”}，
{id:8，名字：“贝莱尔”}，
{id:9，名字：“金发女郎”}，
{id:10，名字：“亨伯特”}，
{id:11，名字：“Maighdilln”}，
{id:12，名字：“贝雷帽”}，
{id:13，名字：“尤金尼奥”}，
{id:14，名字：“凯伦”}，
{id:15，名字：“Urson”}，
{id:16，名字：“亨特利”}，
{id:17，名字：“Iolanthe”}，
{id:18，名字：“Bernardo”}，
{id:19，名字：“公园”}，
{id:20，名字：“Ame}]；
var maxItems=5；
var table=document.getElementsByTagName（'tbody'）[0]；
var tableContainer=document.getElementById（'table-container'）；
var-activePage=1；
var totalPages=Math.ceil（tableData.length/maxItems）；
var-myInterval；
//插入左箭头
var leftArrow=document.createElement（'BUTTON'）；
var leftArrowContent=document.createTextNode（'PREV'）；
appendChild（leftArrowContent）；
tableContainer.appendChild（左箭头）；
leftArrow.addEventListener（'click'，function（）{
//检查我们是否到了最后一页
如果（activePage==1）{
activePage=totalPages；
}否则{
活动页面--；
}
插入表（）；
});
//插入右箭头
var rightArrow=document.createElement（'BUTTON'）；
var rightArrowContent=document.createTextNode（“下一步”）；
rightArrow.appendChild（rightArrow内容）；
tableContainer.appendChild（右箭头）；
rightArrow.addEventListener（'click'，函数（）{
//检查我们是否到了最后一页
如果（activePage==totalPages）{
activePage=1；
}否则{
activePage++；
}
插入表（）；
clearInterval（myInterval）；
myInterval=setInterval（函数（）{
右箭头。单击（）；
}, 10000);
});
//插入页面计数器
var pageCounter=document.createElement（'SPAN'）；
tableContainer.appendChild（分页计数器）；
//自动切换间隔
myInterval=setInterval（函数（）{
右箭头。单击（）；
}, 10000);
函数insertTable（）{
var slicedData=tableData.slice（（activePage-1）*maxItems，activePage*maxItems）；
//清空上一个表
table.innerHTML=''；
//插入tr/td的
对于（var index=0；index
td{
边框：1px纯灰；
填充：3倍；
}
Pagination+
setInterval