Image 使用javascript延迟重新加载图像

Image 使用javascript延迟重新加载图像,image,webcam,reload,onload,Image,Webcam,Reload,Onload,我尝试使用Java脚本重新加载图像失败了2天。 我希望你能帮忙! 图像显示,但在定义的7秒后不会更改 这不是服务器端的问题,但我可以在wireshark中看到,浏览器甚至没有请求数据。。。 有人知道我的问题在哪里吗? 请参阅下面的代码以供参考 <html> <!DOCTYPE html> <html lang="de-DE"> <head> <bodyonload="DispayImage()"> <img src="/img/

我尝试使用Java脚本重新加载图像失败了2天。 我希望你能帮忙! 图像显示,但在定义的7秒后不会更改

这不是服务器端的问题,但我可以在wireshark中看到,浏览器甚至没有请求数据。。。 有人知道我的问题在哪里吗? 请参阅下面的代码以供参考

<html> 
<!DOCTYPE html>
<html lang="de-DE">
<head>
<bodyonload="DispayImage()">
<img src="/img/dynamic_live_1.jpg" width="600" height="450" name=Cam> 
<script language="JavaScript> 
var imageUrl = document.Cam.src; 
var random = new Date().getTime(); 
var delay = 7000;  
var counter = 0; 
var buffer = new Image; 

function DisplayImage() 
{ 
    document.Cam.src = buffer.src;
    LoadNextImage(); 
} 

function LoadBuffer () 
{ 
    var trickname = imageUrl; 
    ++counter; 
    trickname += "?counter=" + (random + counter); 
    buffer.src = trickname; 
    buffer.onload = DisplayImage; 
} 

function LoadNextImage() 
{ 
    setTimeout("LoadBuffer()", delay); 
} 
LoadNextImage(); 
</script> 
</body>
</html>      

乍一看,您的setTimeout调用似乎是错误的:

试一试

另外,您的body.onload有一个错误的调用,它说DispayImage而不是DisplayImage,但这可能是您端的复制粘贴错误

编辑:我自己刚刚测试了正确的代码,在这里它使用了一些本地图像。我发现的最后一个错误是您没有关闭语言标记:

<script language="JavaScript>
应该是

<script language="Javascript">
或者,更好的是,不需要语言标记,当您使用脚本时,所有浏览器都默认使用javascript:

<script>/*Some code here*/</script>
<script>/*Some code here*/</script>