Question

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

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

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

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

所以在一个例子中：

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

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

我想我终于理解了这个理论（我的客户以最复杂的解释发送了它！）但是我正在努力找出解决方法。

我认为这很简单......但是我会感谢一些指示让我顺利上路！

谢谢，史蒂夫

Answer 1

您好，您可以使用javascript setInterval methid

setInterval(callYouFunction(), time interval in miliseconds)

然后递增你的变量

希望这有帮助

Answer 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

Jquery计数器 - 在两个变量值之间以固定间隔计数

2 个答案: