javascript - 具有特定计时器值的数字的增量值

Question

我已经尝试并环顾四周，但找不到类似的东西。

<div> <span>23</span>/ 30 </div>

我的思考过程是，我希望 23 每 15 秒增加 1 个值。

当达到 30 时，它将停止计数。我不知道如何让它“停止”计数以及我应该如何处理这样的问题。

任何帮助将不胜感激!

Answer 1

这是一个可能的解决方案，请注意，我在演示中每秒进行一次迭代，但您可以通过执行 setTimeout(count,15000); 来降低速率。

var wrapper, value, timer;

window.addEventListener('load', startCounter, false);

function startCounter(){
    document.querySelector('button').onclick = startCounter;
    wrapper = document.querySelector('span');
    value = 22;
    count();
}

function count(){
    clearTimeout(timer);
    value++;
    wrapper.innerHTML = value;
    if(value < 30){ timer = setTimeout(count,1000); }
}

<div> <span>23</span>/ 30 </div>

<button>reset</button>