Есть задача часто (от одного до неск. раз) в секунду отображать картинку в браузере. Зачем это нужно объяснять долго, но в 2-х словах: картинка - это фактически скриншот приложения, а отображать в браузере нужно для того чтобы из браузера поверх этой картинки рисовать кнопки и пр. элементы управления.
Есть плагин JS который генерирует событие каждый раз когда картинка должна быть обновлена, вот обработчик этого события:
var CurrScreen; // текущий номер отображаемой картинки
var PrevScreen; // предыдущий номер отображённой картинки
ppsPNG.onChange = function(event)
{
CurrScreen = ppsPNG.ppsObj.ScreenIndex; // получение номера новой картинки
if (CurrScreen != PrevScreen)
{
// если новый номер не равен номеру предыдущей картинки:
ms = new Date();
filename = "/tmp/OpenGLScreen.png?" + ms.getTime();
document.getElementById("img").innerHTML = "<img src='" + filename + "' width=200 height=100 />";
PrevScreen = CurrScreen;
}
}
ppsPNG.open("/pps/tcs/nbgm/status", "0");
Всё вроде бы нормально работает, НО каждый раз при смене изображения оно мерцает, есть какая-то возможность избежать этого? Или проблема вообще не относится к JS?
