jquery counting inside input with custom value

Question

I have a basic counter that counts up within an input field. this works exactly how I want it to. The problem I am facing is that I can only set the target number via the input value. i want to be able to set this via a js variable, ignoring the html input value

DEMO http://jsfiddle.net/vyN6V/238/

Current jQuery

  var number = 827;

    function count(Item){
        var current = parseInt(Item.val());
        Item.val(current +=5);
        if(current < number){
            setTimeout(function(){count(Item)}, 0.1);
        }
    }        
    count($(".input"));

Desired jQuery (doesn't work)

  var number = 827;
  var aValue = 500;

    function count(Item){
        var current = aValue;
        Item.val(current +=5);
        if(current < number){
            setTimeout(function(){count(Item)}, 0.1);
        }
    }        
    count($(".input"));

juvian · Accepted Answer · 2014-02-22 22:06:25Z

3

Should work, you just forgot to add 5 to aValue:

    var current = aValue;
    aValue+=5;

answered Feb 22, 2014 at 22:06

juvian

16.1k2 gold badges42 silver badges40 bronze badges

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

Comments

Tomanow · Accepted Answer · 2014-02-22 22:08:40Z

2

Your current is inside your function, it works if you simply use aValue:

Item.val(aValue += 5);

Fiddle

answered Feb 22, 2014 at 22:08

Tomanow

7,3953 gold badges30 silver badges52 bronze badges

Comments

Gyandeep · Accepted Answer · 2014-02-22 22:11:34Z

0

this would solve the problem: http://jsfiddle.net/Jg6LN/1/

var number = 827;
  var aValue = 500;

    function count(Item, value){
        var current = value || parseInt(Item.val());
        Item.val(current +=5);
        if(current < number){
            setTimeout(function(){count(Item)}, 0.1);
        }
    }        
    count($(".input"), aValue);

answered Feb 22, 2014 at 22:11

Gyandeep

13.7k5 gold badges33 silver badges42 bronze badges

Comments

SGL · Accepted Answer · 2014-02-22 22:11:40Z

0

What about this?

var aValue = 500;
var number = 827;

function count(Item) {
    var current = parseInt(Item.val()) || aValue;
    Item.val(current + 5);

    if (Item.val() < number) {
        setTimeout(function () {
            count(Item)
        }, 0.1);
    }
}

count($(".input"));

http://jsfiddle.net/vyN6V/242/

answered Feb 22, 2014 at 22:11

SGL

3613 silver badges15 bronze badges

Collectives™ on Stack Overflow

jquery counting inside input with custom value

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related