2. <!DOCTYPE html>
    3. <html lang="zh-CN">
    4. <head>
    5.   <meta charset="UTF-8">
    6.   <meta http-equiv="X-UA-Compatible" content="IE=edge">
    7.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
    8.   <title>Document</title>
    9. </head>
    10. <body>
    11.     <script>
    12.       // total: 表示页码总数
    13.       // size: 表示每页显示的数据条数
    14.       // page: 表示当前页码
    15.       // btnCount: 表示当前显示页码数
    16.         function fn(total,size,page,btnCount=5) {
    17.           // 允许的情况下让page处于正中间
    18.           // 先判断btnCount 的奇偶
    19.           const arr = []
    20.           if(btnCount % 2 !== 0) {
    21.             // btnCount是奇数
    22.             const num = ((btnCount - 1) / 2)
    23.             // res页码总数
    24.             const res = Math.ceil(total / size)
    25.             if(page<1) page = 1
    26.             if(page>res) page = res
    27.             // 页码允许在中间显示
    28.             if(num < page && page+num <= res) {
    29.               let number = page
    30.               for(let i=0;i<num;i++) {
    31.                 number--
    32.                 arr.unshift(number)
    33.               }
    34.               arr.push(page)
    35.               number = page
    36.               for(let i=0;i<num;i++) {
    37.                 number++
    38.                 arr.push(number)
    39.               }
    40.               // 页码只能在中间之前位置显示
    41.             }else if(page <= num) {
    42.               let sum = page - 1
    43.               let number = page
    44.               for(let i=0;i<sum;i++) {
    45.                 number--
    46.                 arr.unshift(number)
    47.               }
    48.               arr.push(page)
    49.               number = page
    50.               for(let i=0;i<btnCount-page;i++) {
    51.                 number++
    52.                 arr.push(number)
    53.               }
    54.               // 页码只能在中间靠后位置显示
    55.             }else if(res - page < num) {
    56.               let sum = res - page
    57.               let number = page
    58.               for(let i=0;i<btnCount-sum-1;i++) {
    59.                 number--
    60.                 arr.unshift(number)
    61.               }
    62.               arr.push(page)
    63.               number = page
    64.               for(let i=0;i<sum;i++) {
    65.                 number++
    66.                 arr.push(number)
    67.               }
    68.             }
    69.           }
    70.           return arr
    71.         }
    72.         const newArr = fn(100,10,6,5)  // [1,2,3,4,5]
    73.         console.log(newArr)
    75.     </script>
    76. </body>
    77. </html>