Question

Hay guys, i don’t know if there’s a plugin for this.

But what i want to do is code something which appears to “grow” or “add”.

So it starts from

0000.00

then grows up to a set value (ie 9000.00)

so it goes 0000.00, 0000.01, 0000.02, 0000.03 … 8999.98,8999.99, 9000.00

Any ideas?

Answer 1

I assume you mean you’d like this number to be displayed as it grows?

Here’s a solution which doesn’t require jQuery:

var   start = 0
    , max = 9000
    , step = .01
    , refreshRate = 50 // ms
    , number = start
    , el = document.getElementById('displayField')
    , growNumber = function() {
        number += step;
        el.innerHTML = number; // you might want to format it to your liking here
        if (number >= max) {
            clearInterval(timerId);
        }
      }
    , timerId = setInterval(growNumber, refreshRate)
;
growNumber();

This will make an element with id = “displayField” show the value as it grows.