以HTML格式自动刷新图像 [英] Auto refresh images in HTML
本文介绍了以HTML格式自动刷新图像的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我使用以下代码
I am using following code
<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。
But my image is not getting refreshed. Note that for my application purpose, I cant use any url in script.
我知道我需要删除 newImage.src = document.getElementById img）.src; ，并且需要在同一个文件中放置函数updateImage（），但是如果我这样做， document.getElementById（）.src被设置为NULL ，我不能使用自动刷新HTML页面。所以对这个文件的任何帮助??
I know I need to remove newImage.src = document.getElementById("img").src; and need to place over function updateImage() in same file but if I do this, I am getting error as document.getElementById(" ").src is set to NULL and I cant use auto-refresh HTML page. So any help on this file??
推荐答案
试试这个
function refresh(node)
{
var times = 3000; // gap in Milli Seconds;
(function startRefresh()
{
var address;
if(node.src.indexOf('?')>-1)
address = node.src.split('?')[0];
else
address = node.src;
node.src = address+"?time="+new Date().getTime();
setTimeout(startRefresh,times);
})();
}
window.onload = function()
{
var node = document.getElementById('img');
refresh(node);
// you can refresh as many images you want just repeat above steps
}
这篇关于以HTML格式自动刷新图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
