0

これが私の状況です: ウェブカメラの画像を更新するのと同じ行で、5 秒ごとに外部ソースからサーバーに入ってくる画像を自動更新する小さな JavaScript コードを書きました。この js は、Joomla を使用して作成された Web サイトで使用する必要があります。 . 問題Javascript が原因で、ブラウザの FF と Chrome がしばらくするとクラッシュします。コードを添付しています。どこが間違っているのか教えてください。

    <body>
    <center>
     <h2>human cam</h2>
      <img id="pic" src="images/CB1.jpeg" border="0" width="500" height="500" /></center>
      <script language="javascript" type = "text/javascript">

      function refresh() 
     {         

     document.images["pic"].src = "images/CB1.jpeg" + "?" + new Date().getTime();

     setInterval(function(){refresh()}, 5000 );

     }
     window.onload=function(){
 refresh();
    }
    </script>
   </body>

//PS モデレーター joomla と webcam をタグとして追加しました。これは、webcam の更新に使用した人々からコードを取得したためです。このコードをさらに統合する必要があるため、Joomla ありがとう

4

2 に答える 2

2

refresh()あなたの各呼び出しで、新しいタイマーを作成します。新しいタイマーを作成します。新しいrefresh()タイマーをrefresh()作成します。

に変更します

function refresh()
    document.images["pic"].src = "images/CB1.jpeg" + "?" + new Date().getTime();
}

window.onload = function() {
    setInterval(refresh, 5000);
}
于 2013-01-23T06:32:18.470 に答える
1

ここで再帰をひどく作成しました

function refresh() 
     {         

     document.images["pic"].src = "images/CB1.jpeg" + "?" + new Date().getTime();

     setInterval(function(){refresh()}, 5000 );

     }

あなたの更新機能は、より多くの間隔を際限なく設定します

これを試してください

function refresh() 
     {         

     document.images["pic"].src = "images/CB1.jpeg" + "?" + new Date().getTime();



     }
     window.onload=function(){
 setInterval(function(){refresh()}, 5000 ); /// set interval onload just one time 
    }
于 2013-01-23T06:34:06.470 に答える