Question

基本上，我想在页面上有多个div，如下所示

<div id="count">10</div>
<div id="count">20</div>

并且有一个运行的地方，它所做的就是找到id为“count”的任何div，并且每秒只添加其中的任何数字并显示数字。

因此，对于第一个div将显示10开始，然后下一个第二个更改为20，然后是30，然后是40并且永远打开和开启，对于第二个div，它将显示20开始然后显示40，然后是60，然后是80岁以及永远。

提前致谢！：d

Answer 1

不，请上课。还要添加自定义属性以保持增量值。

HTML：

<div class="count" data-increment="10">0</div>
<div class="count" data-increment="20">0</div>

JS：

setInterval(function () {
    var counters = document.getElementsByClassName("count");

    for(var i = 0 ; i < counters.length ; i++) {
        counters[i].innerHTML = parseInt(counters[i].innerHTML) + parseInt(counters[i].dataset.increment);
    }
}, 1000);

Answer 2

window.setInterval(function () {
    $('.count').each(function () {
        $(this).html(parseInt($(this).html()) + parseInt($(this).html()));
    });
}, 1000);

每秒加上输入的数字

2 个答案: