Question

I have some function taht is caller periodically:

var func = function() {
    alert('Hello world!');
};
func.periodical(5000);

This function is also called with click event:

$('element').addEvent('click', function(){
    func();
});

The timer starts and counts 2500msec, then I click $('element'), func() is executed and I want right now to reset the timer that func() will not be called in next 2500msec but in following 5000msec.

How to do that?

Answer 1

You could delete the periodical interval, and set it again when the element is clicked. To avoid carrying an extra variable around, you could store the timer reference in the function object itself.

func.timer = func.periodical(5000);

$('element').addEvent('click', function() {
    func();
    $clear(func.timer);
    func.timer = func.periodical(5000);
});