JQUERY setInterval Function

Question

I have a a Membership Counter that needs to update one digit at a time. Below is the function

function siteCounterUpdate(newMembership) {
    var oldMembership = $('span#indexSiteLastMembershipCount').text();
    var digit;
    newMembership = padString(newMembership, 9);
    $('ul#indexSiteCounterBottom').empty();
    for(i=0;i<9;i++) {
            if(newMembership.toString()[i] == '_') {digit = '&nbsp;';}else{digit = newMembership.toString()[i];}
      $('ul#indexSiteCounterBottom').append('<li>'+digit+'</li>');
      $('ul#indexSiteCounterBottom li:nth-child(3n)').addClass('extra-margin');
    }
    $('span#indexSiteLastMembershipCount').text(newMembership);
}

it accepts the new membership say - 1010 members
it gets the old membership that is kept in a span - say 1000 members
it pads the string with nbsp if its less the 9 digits (this relates to the counter images size) - not really important for this quetion and working fine..
it then updates the counter and updates the span.

This works but it updates the counter from 1000 to 1010 in one go. I want it to count up one digit at a time. eg: 1001, 1002, 1003 etc...

I believe I need to use setInterval() - maybe 300ms. I just not sure how to fit this into this function so it loops back on itself.

any advice would be great.

thx

mika · Accepted Answer · 2013-02-08 02:24:29Z

1

Try that:

var log = function(text){
  console.log(text);
  setTimeout(log, 300, text);
};
log("hey!");

answered Feb 8, 2013 at 2:24

mika

1,4611 gold badge12 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

JQUERY setInterval Function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related