jquery equivalent of javascript interval function

Question

I have this javascript function

function addTenPercent(){
        var bar = document.getElementById("progressBar");
        setInterval(addTenPercent, 5000);
        bar.value += 10;
};

I am trying to include it on my jquery if else statement but with no luck

$('#form1').submit(function(e){
        if ($.trim($('#store').val()) === "" || $.trim($('#store').val()) === "Enter store number'(nnnn)'") {
                e.preventDefault();
                alert('Please type in store number');
        }
        else {
                setInterval(function(){
                $('#progressBar').val() += 10;
                },5000);
        }
});

Can someone help point where did i go wrong on converting the said javascript to jquery?

@lucusp yes. i dont see it running just as it was on a the javascript version — Dren
– Dren, Commented Oct 20, 2015 at 1:20
is it a better approach if i just call the javascript function on the else statement? else{ addTenPercent(); } — Dren
– Dren, Commented Oct 20, 2015 at 1:27

Igor Raush · Accepted Answer · 2015-10-20 01:31:19Z

1

.val() returns the current value of the element, and you cannot modify the value by reference. guest271314's answer will work, but since it's good practice to cache your jQuery selections anyway, I suggest the following solution:

var progressBar = $('#progressBar')[0];
setInterval(function () {
    progressBar.value += 10;
}, 5000);

Notice that progessBar is a raw DOM element, not a jQuery object, and progressBar.value is being accessed by reference.

answered Oct 20, 2015 at 1:31

Igor Raush

15.3k1 gold badge38 silver badges58 bronze badges

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

Comments

guest271314 · Accepted Answer · 2015-10-20 01:33:01Z

1

$('#progressBar').val() += 10; not appear to set , reset value of element ?

.val() returns value of element ; += 10 not called as argument to .val() on element .

To set value of element , could use

$('#progressBar').val( $('#progressBar').val() += 10 );

or use .val(function(index, value) {})

Try substituting

$('#progressBar').val(function(_, v) {
  return v += 10
})

for

$('#progressBar').val() += 10;

edited Oct 20, 2015 at 1:33

answered Oct 20, 2015 at 1:23

guest271314

1

Collectives™ on Stack Overflow

jquery equivalent of javascript interval function

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related