Atualizar automaticamente imagens em HTML

Question

Jan 02, 2014, 07:53 AM

Atualizar automaticamente imagens em HTML

Estou usando o seguinte código

<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>

Mas minha imagem não está sendo atualizada. Observe que, para fins de aplicação, não posso usar nenhum URL no script.

Eu sei que preciso removernewImage.src = document.getElementById("img").src; e precisa colocar maisfunction updateImage() no mesmo arquivo, mas se eu fizer isso, estou recebendo um erro comodocument.getElementById(" ").src is set to NULL e não posso usar a página HTML de atualização automática. Então, alguma ajuda nesse arquivo ??