javascript - Javascript 画像の更新

Question

次のコードを使用して、サイトの 2 つの Web カメラ画像を更新しようとしています。

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

サイトでは、次のコード行を使用して関数を呼び出しています

ただし、これをウェブサイトにロードすると、次のエラーが表示され、機能しません。

キャッチされていない TypeError: 未定義のプロパティ 'src' を設定できません

誰かがJavascriptについてもう少し知識があり、助けを提供できるなら、私は素晴らしいと思います.

ありがとうリチャード

score 2 · Accepted Answer

document.imagesは配列であるため、数値インデックスのみを受け入れます。キーとして渡して、辞書のようにアクセスしようとしてfrontcamいます。

document.getElementByIdタグが次のようになっている場合は、代わりに使用できます。

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

score 0 · Accepted Answer

frontcamIDだと思いますか？

交換してみる

document.images["frontcam"].src

と

document.getElementById('frontcam').src

score 0 · Accepted Answer

タグがまだない場合はタグに追加し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();

score 0 · Accepted Answer

この線：

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

は無効です。おそらく次のようになります。

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

javascript - Javascript 画像の更新

4 に答える 4

Related

Reference