jQuery how to reinitialize a delay function

Question

I am using a Jquery time delayed fader like below, but need to reinitialize it based upon events in the code, ie knock the timer back to zero. How do I do this? I've tried just calling fader() again.

function fader(){ 

$(ajdiv).delay(10000, function(){$(ajdiv).fadeOut()});

}
jQuery.fn.delay = function(time,func){ //run a delayed function

return this.each(function(){

    setTimeout(func,time);

});

};

score 1 · Accepted Answer · edited May 23 '17 at 12:08

1

You need to save the timeoutID returned from setTimeout. You can call window.clearTimeout(timeoutID) to remove the timer and stop the event from happening. You'd have to create a new one afterwards in case of "resetting".

The mozilla documentation for setTimeout.

Check out this question too, it's got a (in my opinion) more elegant solution to I think the same problem you're having.

edited May 23 '17 at 12:08

Community

1
1

answered Jul 02 '09 at 12:52

Robert Massa

4,345
1
32
44

Thanks! :D Do you know if this works for other browsers also? – user132192 Jul 02 '09 at 13:01
Yes, it's supported by all mayor browsers. – Robert Massa Jul 02 '09 at 13:50

score 1 · Answer 2 · answered Jul 08 '11 at 11:57

This is my actual code that I used (it makes a new element slide from left stay for time given to my custom delay function and then disappear again):

$element.next().next().hide().show('slide', {direction : 'left'}, 700, function () {$(this).delay(10000, function() {$element.next().next().hide('slide', {direction: 'left'}, 700)})});

jQuery how to reinitialize a delay function

2 Answers2