javascript/jQuery setTimeout

Question

i have this code:

$('.myButton').live('click',function(){
    var checkTextValue = setTimeout(function() {
    var textVal = $('p').text();
    if (textVal == 'expectedValue'){
        alert('done');
    } else {
       setTimeout(arguments.callee, 10);
    }
    },10);
 });

when the button is clicked for the first time it works just fine, but when the button is clicked more than once alert is called n+ times(if i click one more time on the button an alert pops->i click "ok" and then one more alert pops; after this if i click one more time 3 alerts pops); is there any way to remove the function after textVal == 'expectedValue' returns true ?

Answer 1

You could try putting a return false; at the end of that branch of the if statement?

Alternatively, you could simply set a flag such as hasRun = 1, and simply check for that value before you run anything inside that branch of the if statement...

Answer 2

In the else condition you are just setting the time-out...you should also be updating the value of your 'expectedValue'...right?

And return the boolean value accordingly for the conditional.

You could use a new boolean flag...or use existing values for the same purpose. Let me know if you need elaboration.

Answer 3

You need to clear the timeout (using clearTimeout) before calling setTimeout to prevent simultaneous executions.