3

ブログスポットで Javascript ウィジェットを使用しています。サーバーからいくつかの「非静的」文字列を取得してページに出力するいくつかの JavaScript を含む div が含まれています。ここまではすべて正常に動作しますが、問題は、ページ全体を更新せずに、特定のウィジェット (div) だけを更新して、文字列を更新するために、この div の実行を数秒ごとに更新したいことです。特定の div を更新しようとする別のスクリプトを追加しましたが、うまくいきませんでした。以下のコードをご覧ください

<div id="info">
<b>Song:</b>
<script type="text/javascript" src="xxxx">
You appear to have javascript turned off.
</script>
<br />
<b>Listeners:</b>
<script type="text/javascript" src="xxxx">
You appear to have javascript turned off.
</script>
<br />
<b>Server Status:</b> 
<img src="xxxxx.gif" alt="Stream status" width="17" height="17" align="absmiddle" />
</div>

リフレッシュ用のスクリプト:

  <script type="text/javascript">
    window.onload = startInterval;
    function startInterval()
    {
        setInterval("startTime();",5000);
    }

    function startTime()
    {
        document.getElementById('info').innerHTML = ??? // reload div    
    }
  </script>

さらに、このようなものを使用できますが、このメソッドは特定の div ではなくページ全体をリロードします。

<script>
setInterval(function() {
    parent.location.reload(true);
}, 5000); 
</script>
4

2 に答える 2