Jquery 计数器 - 在定期增加的两个变量值之间进行计数答案

【问题标题】：Jquery counter - counting between two variable values increasing at regular intervalsJquery 计数器 - 在定期增加的两个变量值之间进行计数
【发布时间】：2012-04-26 18:02:06
【问题描述】：

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

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

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

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

举个例子：

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

在那段时间里，我们有 25,000 个单位要计算。这 25,000 应该除以一个月内 5 秒的增量数，计数器需要每 5 秒增加一次。

我想我终于理解了这个理论（我的客户以最令人费解的解释发送了它！）但我正在努力弄清楚如何解决它。

我认为这很简单......但希望能得到一些指导！

谢谢，史蒂夫

【问题讨论】：

您是否希望计数器每 5 秒执行一次操作，直到达到最大值？你问的是这个吗？
抱歉 - 我可能不太清楚。我四处寻找类似的功能，发现：jugit.co.uk - 请参阅该网站主页上的柜台。这里的想法是相似的，管理员将设置月份的开始和结束值，并且在一个月的过程中，计数器需要从 A 递增到 B 计数。 PHP 方面将根据页面加载时的当前日期和时间设置起始值 - 然后 jQuery 需要以 5 秒的间隔向上增加数字（每分钟 12 次更新）
那么像下面里卡多的回答应该就可以了:)
感谢 Jeremy - 感谢您的宝贵时间 :)

标签： php jquery counter

【解决方案1】：

您好，您可以使用 javascript setInterval 方法

setInterval(callYouFunction(), time interval in miliseconds)

然后增加你的变量

希望对你有帮助

【讨论】：

【解决方案2】：

也许可以开始：

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);    
}

Demo

【讨论】：