JQUERY +增加会员计数器

时间:2012-11-26 10:36:46

标签: jquery html

我正在为一个看起来像这样的网站建立一个成员计数器:

enter image description here

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

我正在努力的一点是与增量相反。基本上我希望它由新成员资格计算。如果增加的是3个成员,那么它将显示:

2145356 2145357 2145358

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

我已将我正在处理的代码放在此处: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);

   } 
});
 });

任何帮助将不胜感激。

感谢

1 个答案:

答案 0 :(得分: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);          
   }



});