Счетчик Jquery - подсчет между двумя значениями переменных, увеличивающимися через равные промежутки

У меня странный клиентский запрос, который, похоже, не подходит для любых готовых плагинов jQuery, и я изо всех сил пытаюсь решить, как лучше реализовать.

В основном это счетчик, представляющий выбросы CO2, которые, согласно прогнозам, были сохранены. Идея состоит в том, что счетчик будет работать на основе данных предыдущих месяцев.

Поэтому в начале каждого месяца веб-администратор устанавливает начальные / конечные значения.

Затем в течение месяца страница должна загружаться в начальной точке (рассчитанной в PHP на основе даты и начальной точки), а затем увеличиваться оттуда каждые 5 секунд.

Итак, в примере:

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

У нас было бы 25 000 единиц для подсчета за это время. Эти 25 000 должны быть разделены на число 5-секундных приращений в месяце, и счетчик должен увеличиваться каждые 5 секунд.

Я думаю, что я наконец понял теорию (мой клиент послал это в самом запутанном объяснении!), Но я изо всех сил пытаюсь решить, как справиться с этим.

Я думаю, что это просто... но был бы признателен за некоторые советы, чтобы получить меня на пути!

Спасибо Стив

2 ответа

Решение

Может быть что-то для начала:

HTML:

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

ЯШ:

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

демонстрация

Привет, вы можете использовать javascript setInterval methid

setInterval(callYouFunction(), time interval in miliseconds)

Затем увеличьте ваши переменные

Надеюсь это поможет

Другие вопросы по тегам