Jquery 计数器 - 在两个变量值之间定期增加计数


Jquery counter - counting between two variable values increasing at regular intervals

我有一个奇怪的客户端请求,它似乎不适合任何现成的jQuery插件,我正在努力找出如何最好地实现。

基本上,它是一个计数器,代表预计已节省的二氧化碳排放量。这个想法是计数器将根据前几个月的数字运行。

因此,在每个月初,Web管理员将设置开始/结束值。

然后在一个月内,页面需要在起点加载(在 PHP 中根据日期与起点计算),然后每 5 秒从那里递增一次。

所以在一个例子中:

startValue = 200000;
endValue = 225000;
updateInterval = 5; /* seconds */

在此期间,我们将有 25,000 个单位要计算。这 25,000 应除以一个月中 5 秒增量的次数,计数器需要每 5 秒增加一次。

我想我终于理解了这个理论(我的客户以最复杂的解释发送了它!),但我正在努力弄清楚如何解决它。

我觉得很简单...但希望得到一些指示,让我上路!

谢谢史蒂夫

嗨,

您可以使用javascript setInterval methid

setInterval(callYouFunction(), time interval in miliseconds)

然后递增变量

希望这有帮助

也许可以从以下几点开始:

.html:

<div id="start">20</div>
<div id="end"></div>
<div id="interval">5</div>

.js:

var start    = 21;
var end      = 25;
var interval = 5000;    
var refreshIntervalId = setInterval(function(){
   if(start <= end){
      $("#start").text(start++);
   }else{
      stop();   
   }
},interval);
function stop(){
   clearInterval(refreshIntervalId);    
}​

演示