JQuery - how to stop a function?

Question

I have this code

<script type="text/javascript"> function test(counter) { if(counter==4) { counter=0; } if(counter==0) { //various stuff } counter = counter + 1; setTimeout(function () { test(counter); }, 7000); } $(document).ready(function () { test(0); }); </script>

So when the page loads the test(0) function is running.

But i have this link <a onclick="test(1)" rel="2" href="#"> that calls the same function again, having as a result to have the same function running twice.

Is there a way to stop the function that is already running and then start the new one??

Orbling · Accepted Answer · 2011-05-19 15:03:15Z

4

Save the result of setTimeout(), and use it with clearTimeout().

answered May 19, 2011 at 15:03

Orbling

20.7k4 gold badges56 silver badges64 bronze badges

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

2 Comments

mathew Over a year ago

Thanks with the reply! But how this would help me?

Orbling Over a year ago

@mathew: Where you have the setTimeout() call, that function returns an identifier for the timer that is setup by it (timerID = setTimeout(...);). In order to cancel a pending timer event, you have to clear it, using clearTimeout(timerID);.

ratchet freak · Accepted Answer · 2011-05-19 15:07:08Z

function test(counter) { if(counter==4) { counter=0; } if(counter==0) { //various stuff } counter = counter + 1; var quit; //decide whether to continue if(!quit)setTimeout(function () { test(counter); }, 7000); }

Collectives™ on Stack Overflow

JQuery - how to stop a function?

2 Answers 2

2 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Related