Javascript图像刷新

Javascript Image Refresh

本文关键字：刷新 图像 Javascript      更新时间：2023-09-26

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

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有更多的了解，并且能够提供一些帮助，我将非常感激。

谢谢Richard

document.images是一个数组，因此它只接受数字索引。您正试图像字典一样访问它，将frontcam作为密钥传递。

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

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

行：

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

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

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

如果您的<img>标签还没有id="frontcam"，请将其添加到标签中，并尝试使用以下代码

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();

我假设frontcam是一个ID？

尝试更换

document.images["frontcam"].src

带有

document.getElementById('frontcam').src
相关文章：