Здравствуйте, коллеги!
Есть страница, которая содержит картинку и текст, которые забирает с моего (встроенного в прогу) HTTP-сервера. Картинка отдается по одному и тому же URL, но может быть разная, в зависимости от состояния проги может быть разная. Также есть некоторый текст, который бы хотелось обновлять аналогично.
Ореративность обновления: хотелось бы 2-4 секунды максимум от изменения данных на серваке до обновления в браузере.

Что нашел.
1) можно вставить META refresh — но это грузить сеть и сервак, и в браузере мерцает, и если проскроллил вниз, то при обновлении страница опять с начала отображается.
2) Скрипт, который грузит данные в элемент с id=card. Скрипт использует JQuery.

<script type="text/javascript">
$(document).ready(function()
{  
//setInterval('cardUpdate()', 3000);
cardUpdate();
});

function cardUpdate()
{
 //$('#ldstate').html('Loading ...');
 $("#card").load("/active_card.html");
 //$('#ldstate').html('Loaded');
}
</script>

Получилось тоже самое.

Никак не могу допереть, как написать такой скрипт, который бы проверял нужность перезагрузки и только в этом случае перезагружал данные?
Может кто-нибудь по шагам, на пальцах объяснить, как это сделать?
Желательно с использованием JQuery (ну или чистого JavaScript), так как я ее вроде слегка освоил, не хотелось бы еще что-то дергать.
Желательна кросс-браузерность.
Специфика — сервер не держит постоянные (keep-alive) соединения, только Connection: close.

PS. Я в вебе практически 0, не пинайте Просто понадобилось в прогу добавить что-то типа функционала презентаций, которые могут просматривать одновременно с кучи компов без установки какого-либо доп. софта.