datatable 定时自动翻页

迈不过友情╰ 2021-10-08 07:42 482阅读 0赞

clearInterval(autoChangePage,scrollSpeed);
       var pageEqp = 0,pageStage = 0,pageLots = 0;
       var scrollSpeed = sessionStorage.getItem("machKanbanScrollSpeed");
       var autoChangePage= setInterval(function(){
       var machKanbanOrScroll = sessionStorage.getItem("machKanbanOrScroll");
        if(scrollSpeed==null || scrollSpeed==""){
    	   scrollSpeed=5;//如果为空则默认为5秒切换一次
       }
       if(machKanbanOrScroll=="true"){
    	   var tableSetings = $('#tablemachkanbandataTableScroll').dataTable().fnSettings();
    	    //如果是第一页 或者还没有到最后一页则 next,否则 转到第一页
    	    if (pageEqp == 0 || pageEqp != tableSetings._iDisplayStart) {
    	        pageEqp = tableSetings._iDisplayStart;
    	        $('#tablemachkanbandataTableScroll').dataTable().fnPageChange('next');
    	     }
    	    else {
    	        $('#tablemachkanbandataTableScroll').dataTable().fnPageChange('first');
    	    }
    	    loadProperties(); //国际化调用
       }
      },scrollSpeed*1000)

注：tablemachkanbandataTableScroll是table id名称

最终效果：注实际效果是不会滚动上下错位的 很平稳的那种![20190107144852426.gif][]

[20190107144852426.gif]: /images/20211008/f7096a37c89e4e8fa35699e736cb42c5.png

发表评论取消回复

表情：

评论列表（有 0 条评论，482人围观）

还没有评论，来说两句吧...

相关阅读

相关使用el-pagination实现翻页自动回到顶部

定义$scrollTo方法挂载在vue全局 // main.js Vue.prototype.$scrollTo = (x = 0, y = 0, type

旧城等待，/ 2023年02月18日 05:27/ 0 赞/ 26 阅读

相关 PPT自动翻页的实现和取消

实现每一张需要自动翻页的幻灯片三步走 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9i

港控/mmm°/ 2022年12月31日 10:29/ 0 赞/ 185 阅读

相关将datatable分页

public DataTable GetPagedTable(DataTable dt, intPageIndex, intPageSize)//PageIndex表示第几页，

逃离我推掉我的手/ 2022年06月13日 05:52/ 0 赞/ 312 阅读

相关 python基础：案例：阅读电子书：自动翻页和手动翻页

阅读电子书 Auto=True 自动翻页，每隔2秒进行翻页读取下一页内容。 Auto=False 手动翻页，用户输入N后进行读取下一页内容。 import t

我不是女神ヾ/ 2022年03月28日 14:52/ 0 赞/ 221 阅读

相关 datatables实现分页

datatables实现分页分为客户端分页和服务端分页两种，客户端分页很简单，只要把返回的所有数据根据dataSrc设置好就可以了。这里说一下服务端分页的实现。 html

柔光的暖阳◎/ 2022年01月30日 22:37/ 0 赞/ 555 阅读

相关 datatable 定时自动翻页

clearInterval(autoChangePage,scrollSpeed); var pageEqp = 0,pageStage = 0,page

迈不过友情╰/ 2021年10月08日 07:42/ 0 赞/ 483 阅读

相关 dataTable 定时更新数据

var tables; $(document).ready(function() { createTable(); });

旧城等待，/ 2021年10月08日 06:42/ 0 赞/ 403 阅读

相关 dataTable 分页失效

如果是用的是Ajax 则需要设置为同步 ![Center][] <div class="row"> <div class="col-md-1

雨点打透心脏的1/2处/ 2021年10月08日 06:34/ 0 赞/ 465 阅读

相关 dataTable定时刷新数据

![70][] <div class="col-lg-12 col-md-12 col-xs-12"> <div

偏执的太偏执、/ 2021年10月08日 06:26/ 0 赞/ 642 阅读

相关翻页

package mb.utils; import java.util.ArrayList; import java.util.List;

短命女/ 2021年09月23日 06:22/ 0 赞/ 488 阅读