在页面加载时直观地计算数字

Question

我的页面上有一些编号统计数据,我想让它们更具视觉吸引力.我认为使用jQuery模拟计数达到这个数字可能会很酷.

所以在页面加载时,假设数字是32.数字将从0开始并计数到32,每个数字之间有一些延迟间隔.

我怎么做到这一点？这是我尝试过的代码,但它不起作用.它捕获了页面上的数字(有3个statRibbons),但它没有在视觉上计算我可以看到每个数字0,1,2,3等的位置.理想情况下,它会计算每个带1时间而不是同时,但如果它需要笨重的额外代码,那就没关系.我想,无论如何,.each应该照顾这个.

$(function() {
  $(".statRibbon .bigStat span").each(function() {
      var tmp = this.innerHTML;
      var i = 0;
      while(i != tmp) {
          $(".statRibbon .bigStat span").innerHTML(i++);
          alert(i);
      }
  });
});

Answer 1

这对你有什么用？

http://jsfiddle.net/WpJxn/1/

更改50setTimeout函数的末尾以更改以毫秒为单位计算的速度.