Question

I have a <div> on my page that refreshes automatically every two minutes with updated log entries. When I first load my webpage, I call the following function.

function getLogs() {
    var filter = $('#filter').val();
    $.get("index-ajax.asp", { queryType: "getLogs", filter: filter, 
        uTime: new Date().getTime() },

        function(data){
            $("#logEntries").html(data);
            window.setTimeout("getLogs()",120000);
    });
}

I know the above code could be cleaner with window.setInterval(...); but I just like the control of window.setTimeout(...);.

My question, is it possible to cancel the next timeout execution? In the event that I change the filter, I’d like to cancel the next timeout, and call the function right away, which would reschedule the timeout function. Is there a better way to achieve that result?

Note that the above code is in jQuery.

Answer 1

Yes, use clearTimeout.

Ex:

var clr = window.setTimeout(getLogs,120000);

The when you wan to clear it:

clearTimeout(clr);