jQuery FlipCounter计算每个数字

时间:2016-05-09 12:47:38

标签: jquery

我目前正在使用FlipCounter从0到3,000计数,但不是计算每个数字(like the example),而是一次跳1000个。

非常感谢任何建议/帮助!

JS

  function total(){
    var length = defaultArray.length+'000';
    $("#flipcounter").flipCounterInit();
    function updateLoop(){
      $("#flipcounter").flipCounterUpdate(length);
      window.setTimeout(function () {
        updateLoop();
      }, 5000);
    }
    updateLoop();
  }
  total();

HTML

<div id="totalsubmissions">
  <div class="inner">
    <div id="flipcounter" style="text-align: center;"></div>
    <p>Total word submissions</p>
  </div>
</div>

Screenshot

项目网址:https://cdn.rawgit.com/adamkwadsworth/oup-interactive-content/master/index.html

1 个答案:

答案 0 :(得分:0)

我想你可能想做这样的事情。然后当数字达到3000时,不要做setTimeout

$("#flipcounter").flipCounterInit();

var number = 0;
function updateLoop() {
    number++;
    $("#flipcounter").flipCounterUpdate(number);
    if (number <= 3000) {
        window.setTimeout(updateLoop, 5000);
    }
}
updateLoop();