我如何使分页自动运行与JS?

Question

我需要在页面的某个地方使用分页。我将向您展示该服务的数据。

我找到了一个样本。它工作得很好，但是当我使创建的行和窗口值7，不转到第3页。我怎么解决这个问题?

最重要的是，我想在这里补充一点。我找不到解决办法。

我希望分页部分中的按钮能够自动工作。例如，我有3页。在第一页打开。我想让它在20秒后转到第二页，在20秒后转到第三页。

至于最后一页，他需要回到第一页。我想在两页之间做一个20秒的循环。

你知道我怎么才能算出来吗?

我发现的示例代码:

https://jsfiddle.net/ivanov11/e18zfsau/

我使用这些字段作为注释行

if (state.page != 1) {
wrapper.innerHTML = `<button value=${1} class="page btn btn-sm btn-info">&#171; First</button>` + wrapper.innerHTML
}
if (state.page != pages) {
wrapper.innerHTML += `<button value=${pages} class="page btn btn-sm btn-info">Last &#187;</button>`
}

Answer 1

一个简单的解决方案是使用setInterval来点击下一页的按钮。

setInterval(function() {
var page = state.page + 1;
var btn = $("button[value=" + page + "]");
// check if at the end and start again
if (btn.length == 0)
btn = $("button[value=1]");
btn.click();  
}, 20000);  

更新小提琴:https://jsfiddle.net/q8e9fnL0/

一个更好的解决方案是将点击回调代码移动到它自己的函数function selectPage(page) {...并调用它。在这种情况下，您需要检查所请求的page是否有效，否则它将继续使用空页。您仍然需要检查max pages (Math.round(querySet.length / rows);)