JavaScript - How to stop working of a function from another function

Question

I have two jfunctions in a page,

function function1(){
//codes
setTimeout("function1()",5000);
}

and

function function2(){
//codes
setTimeout("function2()",5000);
}

functions are called when

<div class="navPanel">
   <div onclick="function1();">Link1</div>
   <div onclick="function2();">Link2</div>
</div>

I need to stop working of function1 when function2 is called and viceversa....what to do.....??? help...

Why do you need that. Are you putting the functions on the same event? — polin
– polin, Commented Jan 31, 2013 at 11:04
When should the function starts working again once it is stopped? — ATOzTOA
– ATOzTOA, Commented Jan 31, 2013 at 11:04

Kevin Bowersox · Accepted Answer · 2013-01-31 11:06:21Z

4

Set the timeouts to a variable which then allows you to use the clearTimeout function.

var timeout1 = {};
var timeout2 = {};

function function1(){
//codes
   if(timeout2){
      clearTimeout(timeout2);
   }
   timeout1 = setTimeout("function1()",5000);
}    

function function2(){
//codes
   if(timeout1){
       clearTimeout(timeout1);
   }
   timeout2 = setTimeout("function2()",5000);
}

answered Jan 31, 2013 at 11:06

Kevin Bowersox

94.6k19 gold badges164 silver badges198 bronze badges

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

Comments

ATOzTOA · Accepted Answer · 2013-01-31 12:07:23Z

2

You can do this, but not recommended...

function function1(){
    //codes
    setTimeout(function1,5000);

    function2 = function() {}
}

If you just want to stop the next execution of the setTimeout call, then just get a handle from setTimeout and call clearTimeout().

edited Jan 31, 2013 at 12:07

answered Jan 31, 2013 at 11:05

ATOzTOA

36.1k23 gold badges101 silver badges119 bronze badges

4 Comments

ATOzTOA Over a year ago

@melpomene "function1()" works same as function1 as long as you are not using clearTimeout().

Anthony Grist Over a year ago

You should not be passing strings to setTimeout() or setInterval().

ATOzTOA Over a year ago

@AnthonyGrist What if you want to call a function with arguments through setTimeout()?

Anthony Grist Over a year ago

Then you pass an anonymous function which calls it: setTimeout(function() { yourFunc(arg1, arg2, ...); }, 1000);.

Anthony Grist · Accepted Answer · 2013-01-31 11:06:55Z

1

Store the return values from the setTimeout() calls so that you can stop them with clearTimeout():

var function1Timeout,
    function2Timeout;

function function1(){
    //codes
    if(function2Timeout) clearTimeout(function2Timeout);
    function1Timeout = setTimeout(function1,5000);
}

function function2(){
    //codes
    if(function1Timeout) clearTimeout(function1Timeout);
    function2Timeout = setTimeout(function2,5000);
}

Note that I've changed your setTimeout() calls to pass function references, rather than strings.

answered Jan 31, 2013 at 11:06

Anthony Grist

38.4k8 gold badges64 silver badges76 bronze badges

Collectives™ on Stack Overflow

JavaScript - How to stop working of a function from another function

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related