用js实现定时自动翻页

最新推荐文章于 2024-01-07 20:51:04 发布

原创最新推荐文章于 2024-01-07 20:51:04 发布 · 3.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #函数

本文介绍如何使用JavaScript实现定时自动翻页。通过获取当前页数并进行判断，如果当前页数不为空则加一进入下一页，为空则默认为第一页。当页数超过总页数时，重置回第一页。页面加载时，设置定时器每30秒调用show1函数，实现自动翻页。同时，后端代码中检查请求参数，将curPageNum传递给前端。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function show1(){
    var curPage = ${page.curPage};

//curPageNum是从方法里传过来的，目的是为了记录当前的页数
 var curPageNum = $("#curPageNum").val();    var pageCount = ${page.pageCount};//curPageNum不为空时，说明页面不是第一次进入，当前已经不是第一页，要再加一，进入下一页
    if(curPageNum != ""){        curPageNum = parseInt(curPageNum)+1;    }

//curPageNum为空时，说明页面是第一次进入
 if(curPageNum == ""){        curPageNum = parseInt(curPage)+1;    }
//curPageNum大于总页数，就让它重新从第一页开始
 if(curPageNum > pageCount){            curPageNum = 1;        }    window.location.href="URL"+curPageNum+"&curPageNum="+curPageNum;}setInterval(show1,30000);

<input id="curPageNum" type="hidden" value="${curPageNum}">


//后端代码
String curPageNum = "";
if (tag.containsKey("curPageNum")) {
    if (tag.get("curPageNum") != null) {
        curPageNum = tag.get("curPageNum").toString();
        model.put("curPageNum",curPageNum);
    }
}