Параллелизм Ajax

У вас нет состояния гонки, потому что Javascript не выполняется одновременно.

Каждый раз, когда обратный вызов запускается из асинхронной операции (AJAX, setTimeout и т. д.), этот обратный вызов должен завершить выполнение, прежде чем можно будет вызвать другой обратный вызов из другой асинхронной операции. Так что, если update() работает, никакой другой Javascript не работает. После завершения update() могут быть запущены другие обратные вызовы из асинхронных операций (например, tick()). Интересно, что именно поэтому setTimeout и ему подобные не гарантируют выполнение точно в момент достижения тайм-аута: какой-то другой javascript может блокировать выполнение обратного вызова.

Посетите http://ejohn.org/blog/how-javascript-timers-work/ для получения полезной информации о том, как все это работает.

Javascript является однопоточным. Нет условий гонки. В javascript две строки time = newtime; и time -= 1; не могут перекрываться во время выполнения. На самом деле обе функции гарантированно не пересекаются. Один из них побежит, а затем побежит другой.

Я был неправ: это не решает проблему! (пояснение после кода)

NEWTIME = false;
function tick() {
    // This function is called once every second
    if (NEWTIME) {
        time = NEWTIME;
        NEWTIME = false;
    }
    time -= 1;
    redisplay(time);
};
function update(newtime) {
    // This function is called whenever the ajax request
    // to the server yields a new time
    NEWTIME = newtime;
};

Проблема с этим неправильным решением заключается в том, что таким образом вы просто перемещаете проблему условий гонки из переменной time в переменную NEWTIME.

Только подумайте: выполнение tick достигает и выполняет строку time = NEWTIME; сейчас, прежде чем продолжить, вызывается обновление, и NEWTIME получает значение X. Теперь выполнение тика продолжает выполнение NEWTIME = false;. Таким образом, вы потеряли X значение NEWTIME и, следовательно, эффект вызова update()!

Задача нуждается в некоторых семафорах. Я часто делаю это для отправки ajax после завершения предыдущего. Ваш случай немного похож ;)

Попробуйте что-нибудь подобное. Он должен игнорировать все попытки уменьшить время, которые сталкиваются с обратным вызовом ajax.

window.TimeKeeper = new function(){
this.time=0; //initial value, whatever
this.isopen=true;

this.decrement = function(){ 
 if(this.isopen){
  this.time--;
  redisplay(this.time);
  }
 }
this.set = function(val){
 if(this.isopen){
  this.isopen=false;
  this.time=val;
  this.isopen=true;
  } else {
  //another AJAX callback is modifying time. 
   //You can enqueue current value and put it later
  }
 }

}

function tick() {
    TimeKeeper.decrement();

};
function update(newtime) {
    TimeKeeper.set(newtime);
};

Еще одна вещь - setTimeout работает как новый поток, и я ожидаю, что браузеры синхронизируют доступ к памяти, поэтому может быть достаточно проверить, не увеличилось ли значение перед уменьшением. Но приведенное выше решение является более гибким и безопасным.

И один небольшой совет — избегайте слишком частых запросов с помощью AJAX — это может вызвать дополнительные проблемы — например, запросы возвращаются в другом порядке, чем отправленные, и использование памяти Firefox сильно увеличивается при слишком большом количестве ajax в минуту;)

Пока вы добавляете еще несколько секунд к текущему времени, все должно быть в порядке.

Вместо time = newtime; попробуйте time += newtime; Так вы не потеряете ни секунды, о которой беспокоитесь.

Тем не менее, вы теряете только секунду в худшем случае.