datatable 定时自动翻页

迈不过友情╰ 2021-10-08 07:42 460阅读 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 条评论，460人围观）

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

相关阅读

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

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

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

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

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

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

相关 css翻页技巧

<!DOCTYPE html> <html> <head> <meta charset="gb-2312">

深藏阁楼爱情的钟/ 2022年05月23日 12:19/ 0 赞/ 254 阅读

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

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

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

相关翻页文字特效

@import url(https://fonts.googleapis.com/css?family=Lato:900); , :before, :after

快来打我*/ 2021年12月24日 00:23/ 0 赞/ 357 阅读

相关 datatable 定时自动翻页

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

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

相关 dataTable 定时更新数据

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

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

相关 dataTable定时刷新数据

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

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

相关翻页

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

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

相关 Bootstrap之翻页

Bootstrap之翻页。 > 优点： > > 1. 支持局部刷新； > 2. 只要是列表，都可以加载该组件； > 3. 支持动态数据绑定； > 4. 当然还有绝对

电玩女神/ 2021年09月10日 15:24/ 0 赞/ 454 阅读