how to stop function in javascript

Question

how to stop time() when mouseout event occur?

`<div id="j" style="height:50px; width:50px; background-color:red;">Hello</div`>


$("#j").mouseenter(function(){
    var count = 3;
    var counterIncrement=1;
    setInterval(timer, 1000); 
    function timer() {
        count = count+counterIncrement;
        if (count == 3  ) {
            counterIncrement = +counterIncrement;
        }
         console.log(count);

    }
});

i want to reset timer() function when mouseout even occur again mousein then start which count =3

Liglo App · Accepted Answer · 2014-11-06 10:09:16Z

6

You use the same interval in two DIFFERENT functions (event handles), so that you have to declare a global variable. At the very beginning of your script, declare:

var interval;

Assign the interval to this variable in one event handle:

interval = setInterval(.....);

and clear it when needed in another handle:

clearInterval(interval);

This would be it. Because the variable is globally declared, it will be recognized in both function scopes. It works, because the interval object is passed by reference.

edited Nov 6, 2014 at 10:09

answered Nov 6, 2014 at 10:01

Liglo App

3,8494 gold badges32 silver badges55 bronze badges

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

2 Comments

jayesh vekariya Over a year ago

my setInterval in mouseenter event how can clearInterval in mouseout event? Please provide jsfiddle link!

Liglo App Over a year ago

I have edited my answer. Please check it out. Working without jsFiddle ;)

Quentin · Accepted Answer · 2014-11-06 10:01:56Z

2

Capture the return value of setInterval()
Call clearInterval(the_value_you_returned_earlier)

answered Nov 6, 2014 at 10:01

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Collectives™ on Stack Overflow

how to stop function in javascript

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related