Javascript - 创建一个增量为 30 步的 for 循环

Question

我正在尝试创建一个增量为 30 步的 for 循环。这样做的目的是希望在不使用任何插件的情况下使用它进行非常简单和原始的分页。

首先我有一个无序的 HTML 列表:

<ul id="pagination"></ul>

这是我用来填充列表并设置元素属性的代码。为了解决这个问题，使用了data-skip和data-top，但实际上它们稍后会被添加到url中REST 调用来获取数据。

var total = 115;
var intervalo = Math.ceil(total / 30);
var pagination = document.getElementById('pagination');

for (var c = 1; c <= intervalo; c++) {
    var top = c * 30;
    var skip = (c * 30) - 30;
    console.log('&$skip=' + skip + ' &$top=' + top);
    var li = document.createElement('li');
        li.id = c;
        li.setAttribute('data-skip', '&$skip=' + skip);
        li.setAttribute('data-top', '&$top=' + top);

    var a = document.createElement('a');
        a.href = '#';
        a.textContent = c;

        li.appendChild(a);
        pagination.appendChild(li);
 }

上面的代码在控制台中返回:

&$skip=0 &$top=30
&$skip=30 &$top=60
&$skip=60 &$top=90
&$skip=90 &$top=120

但这就是问题所在。如果您注意到 &$skip 始终与前面的 &$top 匹配。实际上，我需要的是返回与此类似的内容:

&$skip=0 &$top=30
&$skip=31 &$top=60
&$skip=61 &$top=90
&$skip=91 &$top=120

我怎样才能实现这个目标？我觉得我已经快到了，但我还没有做对。如果需要任何其他详细信息，请告诉我，谢谢!

Answer 1

只需增加 30，而不是 c++:

for (var c = 1; c <= total; c+=30)