Question

My web page has auto refresh functionality. The auto refresh is implemented using a timer.

GInterValId = window.setInterval("AutoRefresh()",interval);

The user can also perform some operations by clicking some buttons on the page. The auto refresh functionality and the user operations are creating race conditions.

I would like to prevent the two opertions (auto refresh and button operations) from happening simultaneously.

How can I do that?

Answer 1

what about this:

busy = false;

function AutoRefresh() {
    if( busy ) return;
    busy = true;
    ...
    ...
    ...
    busy = false;
}

function ButtonOperation() {
    if( busy ) return;
    busy = true;
    ...
    ...
    ...
    busy = false;
}