javascript - Javascript 图像刷新

Question

我正在使用以下代码来尝试刷新我网站上的两个网络摄像头图像。

var t_webcam = 60 // interval in seconds 
      image_webcam = "cam_1.jpg" //name of the image 
      function Start_webcam() { 
      tmp_webcam = new Date(); 
      tmp_webcam = "?"+tmp_webcam.getTime() 
      document.images["frontcam"].src = image_webcam+tmp_webcam 
      setTimeout("Start_webcam()", t_webcam*1000) 
      } 
      Start_webcam();

在网站上，我使用以下代码行调用该函数

但是，当我将其加载到网站上时，出现以下错误并且它不起作用，

未捕获的类型错误：无法设置未定义的属性“src”

如果有人对 Javascript 有更多的了解并且能够提供一些帮助，我将非常感激。

谢谢理查德

Answer 1

document.images是一个数组，所以它只接受数字索引。您正试图像字典一样访问它，frontcam作为键传递。

document.getElementById如果您的标签如下所示，您可以改用：

<img src="sth.jpg" id="frontcam"></img>

Answer 2

该行：

document.images["frontcam"].src = image_webcam+tmp_webcam

是无效的，它可能应该更像这样：

 document.getElementById("frontcam").src = image_webcam+tmp_webcam;

Answer 3

我假设frontcam是一个ID？

尝试更换

document.images["frontcam"].src

和

document.getElementById('frontcam').src

Answer 4

id="frontcam"如果您的<img>标签还没有，请添加一个，然后尝试此代码

var t_webcam = 60; // interval in seconds 
var image_webcam = "cam_1.jpg"; //name of the image 
function Start_webcam() { 
  var tmp_webcam = new Date(); 
  tmp_webcam = "?"+tmp_webcam.getTime();
  document.getElementById("frontcam").src = image_webcam+tmp_webcam;
  setTimeout(Start_webcam, t_webcam*1000);
} 
Start_webcam();