本文介绍了以HTML格式自动刷新图像的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我使用以下代码
I am using following code
<html> <script> var newImage = new Image(); function updateImage() { if(newImageplete) { 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="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格式自动刷新图像
发布评论