我正在使用html在浏览器上显示一个图像(来自文件)...我有另一个程序,它一直拍摄我的屏幕截图并将其存储为图像文件"image.jpeg".我使用setTimeout定期在浏览器上显示此图像.但是图像在浏览器上没有变化..
这是我的代码...我使用了一个Image对象,以便每次javascript函数运行时都会加载一个新图像,但这似乎不起作用...
<html>
<head>
<script type="text/JavaScript">
var x=0, y=0;
var canvas, context, img;
function timedRefresh(timeoutPeriod)
{
canvas = document.getElementById("x");
context = canvas.getContext("2d");
img = new Image();
img.src = "image.jpeg";
context.drawImage(img, x, y);
x+=20; y+=20;
//img.destroy();
setTimeout("timedRefresh(1000)",timeoutPeriod);
}
</script>
<title>JavaScript Refresh Example</title>
</head>
<body onload="JavaScript:timedRefresh(1000);">
<canvas id="x" width="600" height="600" />
</body>
</html>