Автоматическое обновление изображений в HTML
Я использую следующий код
<html>
<script>
var newImage = new Image();
function updateImage() {
if(newImage.complete) {
newImage.src = document.getElementById("img").src;
var temp = newImage.src;
document.getElementById("img").src = newImage.src;
newImage = new Image();
newImage.src = temp+"?" + new Date().getTime();
}
setTimeout(updateImage, 1000);
};
</script>
<body onload="updateImage();">
<img id="img" src="http://cameraURI" style="position:absolute;top:0;left:0;height:50%;width:50%"/>
</body>
</html>
Но мой имидж не обновляется. Обратите внимание, что для моего приложения я не могу использовать любой URL в скрипте.
Я знаю, что мне нужно удалитьnewImage.src = document.getElementById("img").src;
и нужно разместить надfunction updateImage()
в том же файле, но если я делаю это, я получаю ошибку какdocument.getElementById(" ").src is set to NULL
и я не могу использовать автообновление HTML-страницы. Так какая-нибудь помощь по этому файлу ??