jquery - JQUERY + 递增会员计数器

Question

我正在为一个看起来像这样的网站建立一个会员柜台：

我将每隔 30 秒左右使用 JQUERY/AJAX/PHP/Mysql 将新会员号带到网站上。这是我能做到的。

我正在努力解决的问题是越来越反增。基本上我希望它按新成员计算。如果增加了 3 个成员，那么它将显示：

2,145,356 2,145,357 2,145,358

我需要在数字之间稍微延迟一下，这样它就会给人一种递增的感觉。

我把我正在处理的代码放在这里：http: //jsfiddle.net/adamadam123/V3MCu/8/

<div id="siteCounterContainer">
  <button id="siteCounterMembers">Increment</button>
  <span id="siteCounterNumber">2,145,355</span>
</div>​


 $(function() {

$('button#siteCounterMembers').click(function() {
    var ranNumber = 1 + Math.floor(Math.random() * 22);
    alert(ranNumber);

   var originalNumber = $('span#siteCounterNumber').text().replace(/\,/g, '');
   //alert(originalNumber);

   myInteger = parseInt(originalNumber);
   alert(myInteger);

   for(var i=0; i<ranNumber; i++) {
       var newNumber = myInteger + 1;
       alert(newNumber);

   } 
});
 });

任何帮助将不胜感激。

谢谢

Answer 1

您每次都添加 1 + myInteger （myInteger 在每个循环步骤中都相同），这对我有用：

$('button#siteCounterMembers').click(function() {
   var originalNumber = $('span#siteCounterNumber').text().replace(/\,/g, '');
   var ranNumber = parseInt(1 + Math.floor(Math.random() * 22), 10);
   var myInteger = parseInt(originalNumber, 10);
   for(var i=0; i<ranNumber; i++) {
       var newNumber = myInteger + (i+1)
       alert(newNumber);          
   }



});