Question

I have a setInterval function like below on a Divbox so if I leave a divbox, this setInterval is triggered:

setInterval("playthis()", 1000);

What I want it to do: If I leave the divbox and lets say within the next 2 second rehover it, the setInterval should not triggered.

Is this possible?

Answer 1

You can use cousins setTimeout and clearTimeout to set a function callback that invokes your setInterval only after 2 uninterrupted seconds:

var handle = null;

function yourDivboxLeaveHandler() {
   handle = setTimeout(startPlay, 2000);
}

function yourDivboxHoverHandler() {
   if (handle !== null) {
       clearTimeout(handle);
       handle = null;
   }
}

function startPlay() {
   setInterval(playthis, 1000); // use function references please, not eval
   handle = null;
}

You will want much better variable/function names than this though.