用javascript刷新所有圖像？

Question

我正在嘗試從CCTV服務器為網絡上的每個攝像機加載最新圖像。

我有以下代碼，它們可以正常工作並不斷刷新圖像。 但是，在頁面的最終版本上，頁面上將有大約10張相機圖像。 我想知道我現在擁有的代碼是否可以更改為刷新所有圖像，而不僅僅是特定的圖像。

起初，我以為每個圖像都可以使用相同的標識符，但是后來我意識到每個圖像的來源都不同。

<html>
<head>
 <title>CCTV Test</title>
 <script type="text/javascript" language="JavaScript">
    newImage = new Image();

    function LoadNewImage()
    {
        var unique = new Date();
        document.images.ward.src = newImage.src;
        newImage.src = "http://192.168.1.64/image/WARD?time=" + unique.getTime();
    }

    function InitialImage()
    {
        var unique = new Date();
        newImage.onload = LoadNewImage;
        newImage.src = "http://192.168.1.64/image/WARD?time=" + unique.getTime();
        document.images.ward.onload="";
    }
 </script>
</head>
<body>
<img src="http://192.168.1.64/image/WARD" name="ward" onload="InitialImage()">
</body>
</html>

任何指針將不勝感激！

Answer 1

與此類似：

<!DOCTYPE html>
<html>
<head>
  <title>CCTV Test</title>
</head>
<body>
  <img src="http://192.168.1.64/image/WARD?time=...">
  <img src="http://192.168.1.64/image/WARD?time=...">
  etc.
  <script>
  setInterval(function() {
      var images = document.images;
      for (var i=0; i<images.length; i++) {
          images[i].src = images[i].src.replace(/\btime=[^&]*/, 'time=' + new Date().getTime());
      }
  }, 10000); // 10000 milliseconds = 10 seconds
  </script>
</body>
</html>

這將每10秒刷新一次所有圖像。

另一種方法是將圖像的位置存儲在陣列中。

用javascript刷新所有圖像？

問題描述

1 個解決方案

解決方案1
4 已采納 2012-09-04 09:04:55

用javascript刷新所有圖像？

問題描述

1 個解決方案

解決方案1 4 已采納 2012-09-04 09:04:55

解決方案1
4 已采納 2012-09-04 09:04:55