我有一张图片,我想使用javascript,jquery或ajax自动更新它。
到目前为止,我有以下代码。
<html>
<head>
<script language="JavaScript"><!--
function refreshIt() {
if (!document.images) return;
document.images['myCam'].src = 'swt.png';
setTimeout('refreshIt()',50); // refresh every 50ms
}
//--></script>
</head>
<body onLoad=" setTimeout('refreshIt()',50)">
<img src="swt.png" name="myCam">
</body>
</html>
我认为它不起作用,因为浏览器正在缓存图像,并且无法正确更新图像。
有人可以给我提供一个可行的例子吗?
最佳答案
这可以解决问题,但就性能而言,这是一场噩梦。
<html>
<head>
<script language="JavaScript">
function refreshIt(element) {
setTimeout(function() {
element.src = element.src.split('?')[0] + '?' + new Date().getTime();
refreshIt(element);
}, 50); // refresh every 50ms
}
</script>
</head>
<body>
<img src="swt.png" name="myCam" onload="refreshIt(this)">
</body>
</html>