文章/答案/技术大牛

发布

社区首页 >问答首页 >自动分页与自动刷新分区结合，每X秒一次

问自动分页与自动刷新分区结合，每X秒一次
EN

Stack Overflow用户

提问于 2019-07-19 05:28:01

回答 1查看 164关注 0票数 0

我正在设置一个数据表，我想在监视器上显示它，以便我需要数据可以同时刷新div和自动分页到下一个页面。当div刷新时，它取消了自动分页并返回到第一页。请帮帮我。

    <script type="text/javascript"> 
        $(document).ready(function() {
            var table = $('.data').DataTable({
                "searching": false,
                "info": false,
                "lengthChange": false
            });
            setInterval(function(){ 
            var info = table.page.info();
            var pageNum = (info.page < info.pages) ? info.page + 1 : 1;
            table.page(pageNum).draw(false);    
            }, 5000);  
        });

        $(document).ready(function() {
            setInterval(function () {
                $('#test').load(window.location.href + ' #test');
            }, 3000);
        });

    </script>

javascript

datatables

codeigniter-3

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-07-19 05:34:36

您可以尝试像这样重新初始化Datatable

$(document).ready(function() {
  initDataTable();
  setInterval(function() {
    $('#test').load(window.location.href + ' #test', initDataTable);
  }, 3000);
});

function initDataTable() {  
  var table = $('.data').DataTable({
    "searching": false,
    "info": false,
    "lengthChange": false
  });
  setInterval(function() {
    var info = table.page.info();
    var pageNum = (info.page < info.pages) ? info.page + 1 : 1;
    table.page(pageNum).draw(false);
  }, 5000);
}

更新

对页码使用全局变量

var info;
var pageNum = 1;
var pageInterval;

$(document).ready(function() {
  initDataTable();
  setInterval(function() {
    $('#test').load(window.location.href + ' #test', initDataTable);
  }, 3000);
});

function initDataTable() {
  clearInterval(pageInterval)
  var table = $('.data').DataTable({
    "searching": false,
    "info": false,
    "lengthChange": false
  });
  pageInterval = setInterval(function() {
    info = table.page.info();
    pageNum = (pageNum + 1) % info.pages
    table.page(pageNum).draw(false);
  }, 5000);
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/57106011

复制

相似问题

问自动分页与自动刷新分区结合，每X秒一次
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问自动分页与自动刷新分区结合，每X秒一次EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问自动分页与自动刷新分区结合，每X秒一次
EN