Javascript 页码

我最近在我的网站上添加了一个页码，代码如下 但是每次我有更多的内容时，它都会给序列增加一个新的数字。我遇到的问题是，这些数字没有达到某一点，它们只是不断地填满了页面的底部

有人知道我如何修改代码，只有5个数字是可见的，直到我开始向下移动，也就是说，如果我在1号，它会显示为5，然后当我在5号，它会显示为10等

任何帮助都将不胜感激。多谢各位

(function($) {

 // all content number 
var totalContent = $("section").length;
  // post number in a page
var onePageContent = 9;,

  //Page number and Math.round for balancing page
  $("section:gt(" + (onePageContent - 1) + ")").hide();
var totalPage = Math.round(totalContent / onePageContent);

  // create page link
  for(i= 1; i <= totalPage; i++) {    
    $(".pagination").append("<li><a href='javascript:void(0)'>" + i + "</a></li>");
  }

  // first page added active class
  $(".pagination li:first").addClass("active");

  // click function
  $(".pagination li").on("click", function() {

      var index = $(this).index() + 1;
      var gt = onePageContent * index;

      $(".pagination li").removeClass("active");
      $(this).addClass("active");    
      $("section").hide();

      for(i = gt - onePageContent; i < gt; i++) {      
        $("section:eq(" + i + ")").show();
      }       
      }); 
 })($);

（函数（$）{
//所有内容编号
var totalContent=$（“节”）.长度；
//在一页中张贴编号
var onePageContent=9；，
//页码和Math.round用于平衡页面
$（“section:gt（“+（onePageContent-1）+”）.hide（）；
var totalPage=Math.round（totalContent/onePageContent）；
//创建页面链接
对于（i=1；我知道您应该使用Math.ceil（）而不是Math.round来获取页面的总nbr。ceil（）总是向上取整。round（）也可以向下取整，因此会阻止您获取某些内容。。。