W jaki sposób zrobić poprawne odliczanie. Dodam że musi być to data pobrana z serwera, a nie z klienta. Jak narazie wykonałem to za pomocą funkcji window.setInterval co sekundę i w środku połączenie z ajaxem który przesyła wyliczony czas. Działa to ale po jakimś czasie czas na klockach (tak jak na zdjęciu) potrafi się rozjechać np. o 2 - 3 sekundy (odliczanie powinno być równe). Wyliczanie czasu jest osobno dla każdego klocka. Problem dodatkowo jest w tym że aplikacja troszeczkę spowolniła z powodu zastosowania ajaxa. na koniec window.setInterval używam abort().

Można to jakoś usprawnić, ewentualnie jakiś inne pomysły jak to rozwiązać?

A nie mozesz normalnie bez zadnego kombinowania raz pobrac czas z serwera a potem poprostu jsem leciec dalej? Myslisz ze sekundy w js są inne od sekund na serwerze?

A może zamiast co 1s. robić synchronizację co 30s
Tak jak napisał @nospor, pobranie czasu raz przy wczytaniu strony i potem tylko co jakiś czas synchronizacja.
Zresztą i tak ten czas (jeśli coś z nim robisz) musi być weryfikowany po stronie serwera.